如何刷新Tablesorter的内容可编辑

Question

我有一个tablesorter工作表，就像这样：

$("#mytable").tablesorter({
    // set initial sort
    sortList: tablesorting,
    emptyTo: 'none',
    widgets: ["stickyHeaders", "resizable", "filter", "editable"],
    widgetOptions: {
        ...
        editable_columns: [6],
        editable_editComplete: 'editComplete',
        editable_enterToAccept: true,
        editable_noEdit: 'missing'
    }
})

我会定期更换一些行＆＃39;带有jquery的HTML，但是当发生这种情况时，内容可编辑列不再有效。

如何在更改行后让tablesorter重新应用内容可编辑窗口小部件？

Answer 1

编辑可编辑小部件以使用delegated events。并且仅定位具有集contenteditable属性的元素（未设置为"false"）。因此，当您添加新行时，请确保表格单元格包含已应用contenteditable="true"属性的元素。

注意 IE不允许直接编辑TR，TH或TD表格单元格，因此在内部添加div或span：

<tr>
    <td><div contenteditable="true">Foo</div></td>
    <td><div contenteditable="true">Bar</div></td>
</tr>

完成后，可编辑小部件应自动允许该行的工作。