Tabulator.js 通过 id 的可访问性不起作用

Question

全局变量对制表符表的可访问性工作正常，但我不能真正使用全局变量，因为我正在动态生成新表。

我只想通过它们的容器 ID 访问 Tabels。

下面的代码显示了全局变量“表”和 ID 的可访问性，这由示例 ( http://tabulator.info/examples/4.3#adddel ) 提供，但不起作用。

请参阅我的 JSFiddle 示例： https ://jsfiddle.net/vs43re6p/41/

$('#button').click(function() {
    table.addRow({});
});

$('#button2').click(function() {
    $("#example-table").tabulator("addRow", {});
});

我究竟做错了什么？

Answer 1

如果要使用 jQuery 选择，则需要安装 Tabulator jQuery 包装器：

http://tabulator.info/docs/4.3/install#setup-jquery

Answer 2

也许像这样......

$('#button2').click(function() {
    const table = new Tabulator("#example-table");
    table.addRow({});
});

或者

(function() {
    const table = new Tabulator("#example-table");

    $('#button2').click(function() {
        table.addRow({});
    });
})();

Answer 3

只要您使用的是 Tabulator 4.5 或更高版本，您就可以使用Tabulator原型上的findTable函数通过元素 ID 查找表格

var table = Tabulator.prototype.findTable("#example-table")[0]; // find table object for table with id of example-table

findTable函数将返回匹配表的数组。 如果未找到匹配项，它将返回false

完整的详细信息可以在选项文档中找到