如何在制表器js列编辑器中定义默认值

时间:2018-11-28 10:20:26

标签: tabulator

我正在使用属性{editor: "input"}。以编程方式添加新行时,如何在输入字段中设置默认值。

var table = new Tabulator("#example-table", {
columns:[
    {title:"Name", field:"name", sorter:"string", width:200, editor:true},
    {title:"Age", field:"age", sorter:"number", align:"right", formatter:"progress"},
    {title:"Gender", field:"gender", sorter:"string", cellClick:function(e, cell){console.log("cell click")},},
    {title:"Height", field:"height", formatter:"star", align:"center", width:100},
    {title:"Favourite Color", field:"col", sorter:"string"},
    {title:"Date Of Birth", field:"dob", sorter:"date", align:"center"},
    {title:"Cheese Preference", field:"cheese", sorter:"boolean", align:"center", formatter:"tickCross"},
],
});

1 个答案:

答案 0 :(得分:1)

默认情况下, 输入 编辑器将具有单元格的值。

例如,如果要添加一个新行,且该行的值已在 名称 列中设置,则可以将其传递到 addRow 函数:

table.addRow({name:"steve"});

如果要向用户显示可用选项列表,则建议使用 选择 自动完成 < / strong>编辑器。

有关可用的内置编辑器的详细信息,请参见Editing Data Documentation

如果您想要标准输入元素之外的特定行为,则始终可以实现自己的自定义编辑器。看看Custom Editor Example,了解有关如何执行此操作的更多信息