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

Popular posts from this blog

java - Suppress Jboss version details from HTTP error response -

gridview - Yii2 DataPorivider $totalSum for a column -

Sass watch command compiles .scss files before full sftp upload -