Tabulator.js通过ID的辅助功能不起作用

时间:2019-08-05 08:32:06

标签: javascript tabulator

通过全局变量对制表器表的可访问性很好,但是我不能真正使用全局变量,因为我正在动态生成新表。

我只想按其容器ID访问表格。

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

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

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

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

我在做什么错了?

3 个答案:

答案 0 :(得分:1)

也许像这样...

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

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

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

答案 1 :(得分:1)

如果要使用jQuery选择,则需要安装Tabulator jQuery包装器:

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

答案 2 :(得分:0)

只要您使用Tabulator 4.5或更高版本,就可以使用Tabulator原型上的 findTable 函数通过元素ID查找表< / p>

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

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

详细信息可以在Options Documentation

中找到