Tabulator autoColumn : True => 使所有单元格可编辑（~csv 实时版）

Question

Jinja 模板

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

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

由于 {{date}} 可能会更改（烧瓶中的通用 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

中找到完整的详细信息

Tabulator autoColumn : True => 使所有单元格可编辑（~csv 实时版）

Tabulator autoColumn : True => make all cell editable (~csv live edition)

flask

tabulator