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

Question

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

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

我不知道是否

• 有一种添加/插入一列数据的简单方法。 传递一列数据比将一列添加到整个数据结构要容易得多
• 一些其他方式如何处理这个基于列的表

工作jsFiddle

Answer 1

如果你想一次更新表中的所有行你可以使用updateData function，你传入一个行对象数组，每个object必须包含行索引字段和你要添加的列的字段。

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

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

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

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

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