Question

是否可以使用dataTables在THEAD中使用2行？

<table>
    <thead>
        ## row 1
        ## row 2
    </thead>
    <tbody></tbody>
</table>

在第1行中，我需要2个单列和1列colspan="3"：

<tr>
    <th></th>
    <th></th>
    <th colspan="3"></th>
</tr>

在第2行，我需要5列：

<tr>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
</tr>

但我有一个案例，我不需要5列，但只有3列。

这可以动态生成吗？

更新：我尝试过：http://datatables.net/release-datatables/examples/basic_init/complex_header.html

但是没有很好的例子说明它是如何产生的。

Answer 1

如果你查看example link you posted的源代码，似乎很清楚：

<table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
    <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>
    <tfoot>
        <tr>
            <th rowspan="2">Rendering engine</th>
            <th rowspan="2">Browser</th>
            <th>Platform(s)</th>
            <th>Engine version</th>
            <th>CSS grade</th>
        </tr>
        <tr>
            <th colspan="3">Details</th>
        </tr>
    </tfoot>

（代码从上面的链接解除）

关于查看源代码的一句话：在Firefox中，您可以按 ctrl + u 来查看页面源代码。即使页面上有大量的jQuery操作，该窗口中的源代码也将始终是没有DOM修改的原始代码。

在表数据表中动态添加标头

1 个答案: