javascript - AngularJS repeat with table and Rowspan and filtering of elements -
i want create html table groups data using rowspan ng-repeat
.
the layout working fine got problem when add filters table.
for example, when filter table "category" column "std" value breaks layout.
i have created jsfiddle show issue.
any recommended approach manage this?
this related question:
best regards.
i did not have time on this, seems issue here:
<tr ng-repeat-start="state in country.states | filter:{statecode:statecodefilter}" ng-if="false"></tr> <tr ng-repeat="city in filteredmappings = (state.cities | filter:{category:categorycodefilter})"> <th ng-if="$parent.$first && $first" rowspan="{{country.rowspan}}"> {{country.countrycode}} </th>
the $parent.$first set false in case of filter usage because $parent.$first first item in not-filtered countries list never reach 1 in second repeater removed filter. leads first cell in row being hidden , whole table design being deformed.
i not have quick solution on mind right now, take later if find time. hope helped @ least bit.
Comments
Post a Comment