jquery - DataTables - 为最后一列添加colspan时不起作用

使用数据表时出现问题。当我为最后一列添加colspan时，DataTable插件不会应用于该表。如果我把最后一根柱子的柱子取下来，放在其他柱子上，它就行了。
例如-

<table width="100%" border="0" cellspacing="0" cellpadding="0" id="stu_data_table">
   <thead>
      <tr>
        <th>&nbsp;</th>
        <th colspan="2">&nbsp;</th>
        <th colspan="2">&nbsp;</th>
      </tr>
   </thead>
   <tbody>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
   </tbody>
</table>

$('#stu_data_table').dataTable({
});

有什么解决办法吗？

最佳答案

DataTables doesn't support colspans like you're using them改为遵循他们的complex header example。
使用表格显示数据时，您通常希望显示
分组中的列信息。数据表完全支持colspan和
在头中进行行扫描，将所需的排序侦听器分配给
适合该列的th元素。每列必须有一个
唯一的一个单元，它对于听众来说是独一无二的。
补充。下面的示例包含核心浏览器信息
分组在一起。

<thead>
    <tr>
        <th rowspan="2">Rendering engine</th>
        <th rowspan="2">Browser</th>
        <th colspan="3">Details</th>
    </tr>
    <tr>
        <th>Platform(s)</th>
        <th>Engine version</th>
        <th>CSS grade</th>
    </tr>
</thead>

您的等价物如下所示：

<thead>
  <tr>
    <th rowspan="2">&nbsp;</th> <!-- column 1 -->

    <th colspan="2">&nbsp;</th> <!-- column 2&3 -->
    <th colspan="2">&nbsp;</th> <!-- column 4&5 -->
  </tr>
 <tr>
    <th>&nbsp;</th> <!-- column 2 -->
    <th>&nbsp;</th> <!-- column 3 -->

    <th>&nbsp;</th> <!-- column 4 -->
    <th>&nbsp;</th> <!-- column 5 -->
 </tr>
</thead>

关于jquery - DataTables - 为最后一列添加colspan时不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19426972/