如何为 Tabulator.js 中的新列添加数据？

Question

我有一个简单的 table，其中主要数据逻辑是关于列，而不是行。 table 用于显示和比较测试结果。测试得到了大约 40 个不同的结果（=行）。测试由一列表示。我需要即时添加新的测试结果。

我有这部分工作，但添加新列 table.addColumn 并更新整个 table 数据 table.setData(

不知是否

• 有一种添加/插入一列数据的简单方法。传递一列数据比在整个数据结构中添加一列要容易得多
• 如何根据table
处理此专栏的其他方法

工作jsFiddle

Answer 1

如果你想一次更新table中的所有行你可以使用updateData函数，你传入一个行对象数组，每个对象必须包含row index field 和您要添加的列的字段。

例如我有一个包含三行的 table，每列的索引是 id 字段，新字段是 name:

table.updateData([
    {id:1, name:"steve"},
    {id:2, name:"bob"},
    {id:3, name:"jim"},
]);

这会将数据添加到行中但不会显示它，因此我们需要使用 addColumn 函数将 name 列添加到 table 中：

table.addColumn({title:"Name", field:"name"});

要在 table 中显示一个新列，您需要