我有这样的table
<table id="tbl_orderstatus" class="dataTable table table-bordered table-hover table-full-width nowrap" width="150%" data-table="tblorderstatus">
<thead>
<tr>
<th>Buyer</th>
<th>Season</th>
<th>Style#</th>
<th>KP#</th>
<th>Item Description</th>
<th>Buyer PO</th>
<th colspan="2">Qty</th>
<th>Material</th>
<th>Destination</th>
<th>Delivery Date</th>
</tr>
</thead>
</table>
但我的问题是,我只是把<th colspan="2">Qty</th>
,这是错误的,它说uncaught风格未定义。我如何使closspan像这样?因为我需要把2个数据列的数量。
tq的答案,我打赌我必须使用两行的标题。tQ家伙:)
3条答案
按热度按时间qgelzfjb1#
这是一个老线索,但仍然-我想分享我在自己的项目中想出的东西。我需要基本相同的东西-我想跨越一个标题超过3列而不加强它,保持在一行。
您看到这个错误是因为jQuery DataTables希望每个字段都有一个单独的列来分配处理程序或其他什么。我们可以通过添加另一个标题行来消除这个错误,其中的标题列数量与您希望跨越的标题列数量一样多。在我的示例中,我添加了3个标题列。
现在,错误消失了,但标题看起来很可怕。看起来没有必要,但设置所有其他顶部行标题列跨越2行(行跨度)。现在,"魔术"-因为我们的第二行标题列不包含任何信息,只是隐藏他们!
瞧,这是我能想到的最干净的解决方案了,不过也行.
gblwokeq2#
您需要为每一行放置一个标题,因此标题应该如下所示:
vdgimpew3#
我测试了,它正在运行。也许你忘了添加一个
<td></td>
。