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

Question

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

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

我不知道是否

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

工作的jsFiddle

标签： javascripttabulator

Answer 1

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

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

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

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

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

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