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

I am using jquery datatables to display data.

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

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

我想要发生的是，当我点击一个按钮时，数据表会添加一个列'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.

你对我如何做到这一点有任何想法吗？根据我在谷歌看到的原因。 jQuery数据表不支持添加/删除动态列。

Thank You,

谢谢，

1 个解决方案

#1

If you are using any jquery library then try this

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

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