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

Question

我正在使用属性 {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"},
],
});

Answer 1

input 编辑器默认会有单元格的值。

例如，如果您想添加一个新行，其值已在 name 列中设置，您可以将其传递到addRow 函数上的对象：

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

如果您想向用户展示可用选项列表，那么我建议使用 select 或 自动完成 编辑器。

有关可用的内置编辑器的完整详细信息，请参阅 Editing Data Documentation

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

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

How can I define a default value in a tabulator js column editor

tabulator