如何在数据表上添加动态列

Question

I am using jquery datatables to display data.

 <table  class="report-tbl table-bordered" cellspacing="0" width="100%" id="report-tbl">
            <thead>
                <tr>
                    <th></th>
                    <th><span contenteditable="">Side A</span></th>
                    <th><span contenteditable="">Sode B</span></th>
                    <th><span contenteditable="">Side C</span></th>

                </tr>
            </thead>
            <tbody id="rowcontainer">

            </tbody>
        </table>

I want to happen is that when I click a button data-table will add a column 'Side D' .

Do you have any idea on how I can do this. Cause base on what I see in google. jQuery data-tables do not support yet Add/Remove Dynamic columns.

Thank You,

Answer 1

如果您正在使用任何jquery库，请尝试此

$($("thead").find("tr")[0]).append("<th <span contenteditable="">Side D</span></th>");