Javascript 如何在使用Dragtable UI时动态向表中添加列？

我需要一个GUI，允许我通过拖放来移动列。但我还希望能够动态地在表中添加/删除列

我遇到了一个插件，它似乎能够满足我的需要。我唯一不喜欢这个GUI的地方是它的文档不是最好的

无论如何，我添加了自定义jQuery代码，允许我向表中添加列。我遇到的问题是，我手动添加的列不可拖动

如何使手动添加的列也可拖动

下面是我用来向表中简单添加列的代码

$('#test1').click(function()
{
    $( "#testTable1 > thead > tr" ).each(function()
    {
        $(this).append('<th>New Column</th>');
    });

    $( "#testTable1 > tbody > tr" ).each(function()
    {
        $(this).append('<td>New cell in the column</td>');
    });

    // I tried adding this after I add the column, but it did not work. "it had no affect"
    //$('.defaultTable').dragtable();
});

$（'#test1'）。单击（函数（）
{
$（“#testTable1>thead>tr”）。每个（函数（）
{
$（this.append（'newcolumn'）；
});
$（“#testTable1>tbody>tr”）。每个（函数（）
{
$（this.append（'列中的新单元格'）；
});
//我尝试在添加列后添加此内容，但没有效果。“它没有影响”
//$（'.defaultTable'）.dragtable（）；
});

在这里，您可以看到我的代码正在运行

$（文档）.ready（函数（）{
$（'.defaultTable'）.dragtable（）；
$（'#test1'）。单击（函数（）
{
$（“#testTable1>thead>tr”）。每个（函数（）
{
$（this.append（'newcolumn'）；
});
$（“#testTable1>tbody>tr”）。每个（函数（）
{
$（this.append（'列中的新单元格'）；
});
$（'.defaultTable'）.dragtable（）；
});
});

添加列
演示
时间
%使用者
%好的
%系统
%等等
%闲散
12:10:01 AM28.860.041.650.0869.36
12:20:01 AM26.540.001.640.0871.74
12:30:01 AM29.730.001.660.0968.52
再次调用dragTable之前，只需刷新表上的数据即可

$('.defaultTable').removeData().dragtable();

再次调用dragTable之前，只需刷新表上的数据即可

$('.defaultTable').removeData().dragtable();

成功了。非常感谢你的帮助：）成功了。非常感谢您的帮助：）