Angular Data 表格多行部分标题答案

【问题标题】：Angular Data tables multiple row section headersAngular Data 表格多行部分标题
【发布时间】：2016-07-14 19:27:35
【问题描述】：

我有一个表格，它已经按所需的升序列出了两个不同的部分，我想为每个部分添加标题，但我不太确定如何做。我正在使用指令 Angular 数据表，并希望最终结果具有像下面示例图像中的“Status:New”和“Status:Open”这样的行标题。

【问题讨论】：

目前还不清楚解决方案会是什么样子。你有例子吗？
@jonmrich 看到行名“状态：新”和“状态：打开”？我想将这样的标题添加到我的数据表中。我正在使用角度数据表。看到图片了吗？
知道了...所以图像是您想要的，而不是您现在拥有的。对吗？
是的，图片就是我想要的@jonmrich
目前不支持修复表格中间行的方法。您最好的选择是创建两个表，就像@jonmrich 在他的回答中建议的那样。唯一的另一种方法是手动弄乱和元素，但这很复杂，并且可能会弄乱一些 dataTables 功能。另一种可能的选择是在每一行中添加一列来保存其状态（图标/文本/任何内容）并按这些列排序。事实上，现在我想起来了，如果你愿意修复排序顺序，你可以添加一个“假装”为分隔符的特殊行，尽管这有点 hack-y。

标签： sorting datatables angular-directive

【解决方案1】：

经过大量研究，目前没有支持的方法来修复我正在使用的特定表中间的行。

【讨论】：

【解决方案2】：

在您的表格的初始代码之后添加类似的内容。假设您使用 2 张桌子。

var table1 = $("#your_top_table").DataTable({});
$(table.table().header()).append('<tr><td>Status: New</td></tr>');

var table2 = $("#your_bottom_table").DataTable({});
$(table2.table().header()).append('<tr><td>Status: Open</td></tr>');

【讨论】：

我没有使用两个表。我只是取回已经按特定顺序排序的一组数据。 @jonmrich
您是否可以为初学者在表格顶部添加一个固定行？在某个动态确定的位置将其与另一个固定行分开将非常困难。