AngularJS重复表和Rowspan以及元素过滤

Question

我想创建一个html表，使用rowspan和ng-repeat对数据进行分组。

布局工作正常，但是当我向表格添加过滤器时遇到了问题。

例如，当我使用“STD”值按“类别”列过滤表时，它会破坏布局。

我已创建此JsFiddle以显示问题。

任何推荐的方法来管理它？

这与此question：

有关

最诚挚的问候。

Answer 1

我没有太多时间看这个，但似乎你的问题在这里：

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

$ parent。$ first 在过滤器使用情况下设置为false，因为$ parent。$ first是未过滤国家/地区列表中的第一项，但您永远不会在第二个中继器，因为它被过滤器移除。这导致行中的第一个单元格被隐藏，因此整个表格设计都会变形。

我现在脑子里没有任何快速的解决方案，但如果我找到一些时间，我会稍后看看。希望它至少对你有所帮助。