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 trs 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

Popular posts from this blog

toolbar - How to add link to user registration inside toobar in admin joomla 3 custom component -

linux - disk space limitation when creating war file -