html - How to know if table row is extended or not -
i working on angular bootstrap table extendable row, want know if row extended or not, how that?
below code
<tr data-toggle="collapse" data-target="#extend1"> </tr> <tr> <div id="extend1" class="accordian-body collapse"></div> </tr>
<tr data-toggle="collapse" data-target="#extend1" ng-click="isextended ? isextended = false : isextended = true"></tr> <tr> <div id="extend1" class="accordian-body collapse" ng-show="isextended"></div> </tr>
then can check via $scope.isextended
or isextended
if doing in frontend.
for use in ng-repeat
, observe need wrap tr
s in ng-repeat
scope work extended row.
<div ng-repeat="row in table"> <tr data-toggle="collapse" data-target="#extend1" ng-click="row.isextended ? row.isextended = false : row.isextended = true"></tr> <tr> <div id="extend1" class="accordian-body collapse" ng-show="row.isextended"></div> </tr> </div>
Comments
Post a Comment