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

Question

是否可以使用 dataTables 处理 THEAD 中的 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

如果你看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 修改。