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

Question

I have a simple table where the main data logic is about columns, not row. The table is about displaying and comparing test results. The test got about 40 different results (=rows). A test is represented by a column. I need to add new test results on the fly.

I have this part working but adding new column table.addColumn and updating the whole table data table.setData(

I wonder whether

• there is simple way to add / insert one column data. It is much easier to pass one column data than adding one column to the whole data structure
• some other way how to approach this column based table

working jsFiddle

Answer 1

If you want to update all the rows in the table at once you can use the updateData function, you pass in an array of row objects, each object must contain the row index field and the field for the column you want to add.

So say for example I had a table with three rows, the index for each column was the id field and the new field is name :

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

This would add the data to the rows but would not display it, so we would then need to add the name column to the table using the addColumn function:

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

to display a new column in the table you would nee