Javascript 按两个标题行对Datatable排序

如何为两个标题行提供相同的排序功能？ 目前，我可以按顶部（“bSortCellsTop”：true）或底部行进行排序，但不能同时按两者进行排序

看

2015年分类2016年分类
2012年分类2013年分类2014年分类
23119001002358
10454101531
641266310857
865245206568

解决方案

您可以使用下面的代码按顶行和底行对标题进行排序

JavaScript：

$（'#示例'）。数据表({
“orderCellsTop”：true
});
$（'#示例'）。在（'click'，'tr:eq（1）th'，function（）上{
var index=$（this.parent（）.find（'th'）.index（this）；
var-cellTop=$（this.nexist（'thead'）.find（'tr:eq（0）th:eq（'+index+'））；
$（cellTop）.trigger（'click'）；
});

CSS：

#示例thead th{
光标：指针；
}

请注意，只有当每行中的列数相同时，上述代码才有效

演示

有关代码和演示，请参阅

解决方案

您可以使用下面的代码按顶行和底行对标题进行排序

JavaScript：

$（'#示例'）。数据表({
“orderCellsTop”：true
});
$（'#示例'）。在（'click'，'tr:eq（1）th'，function（）上{
var index=$（this.parent（）.find（'th'）.index（this）；
var-cellTop=$（this.nexist（'thead'）.find（'tr:eq（0）th:eq（'+index+'））；
$（cellTop）.trigger（'click'）；
});

CSS：

#示例thead th{
光标：指针；
}

请注意，只有当每行中的列数相同时，上述代码才有效

演示

---

有关代码和演示，请参见。

请显示表头的HTML代码。请显示表头的HTML代码。

<table id="example" border="1">
<thead>
    <tr><th></th><th></th><th></th><th>sort 2015</th><th>sort 2016</th></tr>
    <tr><th>sort 2012</th><th>sort 2013</th><th>sort 2014</th><th></th><th>  </th></tr>
</thead>
<tbody>
    <tr><td>23</td><td>11</td><td>900</td><td>100</td><td>2358</td></tr>
    <tr><td>10</td><td>45</td><td>410</td><td>1</td><td>531</td></tr>
    <tr><td>64</td><td>126</td><td>6310</td><td>85</td><td>7</td></tr>
    <tr><td>86</td><td>524</td><td>520</td><td>65</td><td>68</td></tr>
</tbody>
</table>