我有一个HTML表，由外部代码动态重写。
第一列是分组列，同一组中的行始终是连续的。
应用动态过滤器后，所有与过滤器不匹配的行都会被第三方隐藏。订单永远不会改变。
问题是客户希望将线条分开，但是在过滤开始时设计成行的行会消失。
目前，我通过添加＆＃34; row-group-N＆＃34;类到行，生成和编写这个CSS：
.row {border-top: 1px solid black}
.row-group-N + .row-group-N {border-top: none}
（N为组计数器模Max）
修改
这是一个示范：https://plnkr.co/edit/Zzh9olmmLafs1Y8lCoZB?p=preview
Max在这里设置为3。根据CSS，粗体行表示组的开头。当你搜索“事物”时，你会发现结果是不正确的，因为课程会被包围。
编辑结束
它的工作原理是将分隔符添加到每个元素，但是当连续元素属于同一个组时将其删除。但最坏情况1 / Max该线未显示在正确位置的可能性。这是因为我总是为此目的提供有限数量的CSS类。
我正在寻找一种方法，我自己，以确定过滤代码何时完成执行，以便能够使用JavaScript执行更改。
但是还有什么我可以做的吗？