如何在动态创建的表中使用danvk可重新订购的列?

时间:2010-05-13 14:53:53

标签: javascript html

我正在尝试实现danvk可拖动表Javascript,虽然我已经成功地将它用于html源代码中的表,当我尝试将它用于表格时我正在用Javascript创建代码,它不适用于那些表。

有没有人有同样的问题?

1 个答案:

答案 0 :(得分:1)

您需要做的就是在注入dragtable.makeDraggable(tableElement);​​​ dom节点后调用table

请考虑以下示例代码:

<强> HTML

​<div id="tableDiv"></div>

JavaScript (这里的最后一行是至关重要的)

var tableStr = '<table id="table" class="draggable" border="1"><tr><th>Name</th><th>Date</th><th>Color</th></tr><tr><td>Dan</td><td>1984-07-12</td><td>Blue</td></tr><tr><td>Alice</td><td>1980-07-22</td><td>Green</td></tr><tr><td>Ryan</td><td>1990-09-23</td><td>Orange</td></tr><tr><td>Bob</td><td>1966-04-21</td><td>Red</td></tr></table>',
    tableDiv = document.getElementById('tableDiv'),
    table;
tableDiv.innerHTML = tableStr;
table = document.getElementById('table');
dragtable.makeDraggable(table);​​​

查看此代码here的工作演示。