如何在 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"});

要在表格中顯示一個新列，您需要