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

Question

Is it possible to work with 2 rows in THEAD with dataTables?

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

In row 1 I need 2 single columns and one column with colspan="3" :

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

And in row 2 I need 5 columns:

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

But I have a case where I don't need 5 columns, but only 3.

Can this be generated dynamically?

UPDATE : I tried: http://datatables.net/release-datatables/examples/basic_init/complex_header.html

But there's no good example how it's generated.

Answer 1

If you look at the source code of the example link you posted , it seems quite clear:

<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>

(Code lifted from link above)

---

A word on viewing source code: In Firefox you can press ctrl + u to view the page source code. Even if there is heavy jQuery action on the page, the source code in that window will always be the original one without DOM modifications.