datatables - 我可以强制 colspan 标题单元格对其任一列进行排序吗?
问题描述
假设我有下表:
<table>
<thead>
<th>ID</th>
<th colspan="2">Full Name</th>
</thead>
<tbody>
<tr>
<td>123</td>
<td>Rasmus</td>
<td>Lerdorf</td>
</tr>
</tbody>
</table>
出于格式和可读性的原因,名字和姓氏位于两个单独的单元格中。默认情况下,datatables 会忽略 colspan 的Full Name标题单元格,并且不会使其切换排序。
有没有办法强制数据表显式地使表体中的任一列可排序?例如,我只想按姓氏排序。
我搜索了,但只发现了几年前的黑客和解决方法(例如创建空列等)
解决方案
DataTables 支持rowspan
和colspan
在表头中,但前提是th
每列有一个单元格。
例如
<table>
<thead>
<tr>
<th rowspan="2">ID</th>
<th colspan="2">Full Name</th>
</tr>
<tr>
<th>First Name</th>
<th>Last Name</th>
</tr>
</thead>
<tbody>
<tr>
<td>123</td>
<td>Rasmus</td>
<td>Lerdorf</td>
</tr>
</tbody>
</table>
推荐阅读
- css - css类中的垂直线
- python - 使用 Beautifulsoup 查找特定 ID 下的文章
- flutter - 为什么 Navigator.pop 无法传回参数?
- python - matplotlib 中 yticks/xticks 函数的刻度参数到底是什么?
- xml - 如何使用selenium java同时打开两个浏览器
- dictionary - Dart Map.removeWhere 不删除所有匹配删除条件的键
- c - 在 Visual Studio 代码中将“{”设置为接近结尾的“)”
- javascript - JavaScript使用For循环加载多个图像不起作用
- android - 协助 android studio gradle
- arrays - 在 vuejs 数据数组中推送数据 .push 不是函数