javascript - 在表数据表中动态添加表头

Question

THEAD是否可以使用 dataTables处理 2 行？

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

在第 1 行中，我需要 2 个单列和一列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

如果您查看您发布的示例链接的源代码，似乎很清楚：

<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 修改的原始代码。