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

Question

我正在使用jquery datatables 来显示数据。

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

我想发生的是，当我点击一个按钮时，数据表会添加一个列'Side D'。

您对我如何做到这一点有任何想法吗？原因基于我在谷歌看到的。 jQuery data-tables 尚不支持添加/删除动态列。

谢谢，

Answer 1

如果你正在使用任何 jquery 库，那么试试这个

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