Tabulator autoColumn : True => 使所有单元格可编辑（~csv live edition）

Question

Jinnja 模板

<div id="example-table"></div>
<script type="text/javascript"> 
//Build Tabulator 

var tabledata = {{data|safe}};
var table = new Tabulator("#table2", {
            data:tabledata,
            autoColumns:true,
            });

由于 {{data}} 可能会更改（flask 中的通用 html 视图），如何使所有单元格可编辑？

注意我只需要输入类型编辑器

Answer 1

如果您想让所有列可见，那么您可以使用autoColumnsDefinitions 回调为每个生成的列添加编辑器选项：

var table = new Tabulator("#example-table", {
    data:tabledata,
    autoColumns:true,
    autoColumnsDefinitions:function(definitions){
        //definitions - array of column definition objects

        definitions.forEach((column) => {
            column.editor = "input"; // add input editor to every column
        });

        return definitions;
    },
});

详情请见Auto Columns Documentation