如何在 tabulator.info 网格中的一列中显示多个字段

Question

我的表数据结构中有几列，我想在一列中显示的内容

var tabledata = [
    {id:1, first_name:"Bob", last_name:"Smith"},
    {id:2, first_name:"Mary", last_name:"Hope"}
];

我可以使用 var val1 = cell.getValue(); 命令访问实际的单元格数据，但是我如何才能从 first_name 访问 last_name 字段以同时显示它们立刻？ getValue() 函数没有指定其他字段的参数，格式化程序参数仅描述格式化程序函数的单元格参数（即无行）。我正在寻找类似的东西：

{title:"Name", field:"first_name", width:550, formatter:function(cell, formatterParams){
    var val1 = cell.getValue();
    var val2 = cell.getCell("last_name");

    return  val1 + " " + val2;
}},

Answer 1

我建议您不要为此使用格式化程序，因为格式化程序只是可视的，这意味着您将无法对该列进行排序。

正确的方法是使用不存在的字段属性，例如我们将其命名为 full_name，然后使用 Mutator 为您创建此值.这将具有可过滤和可排序的额外好处。

//define custom mutator
var customMutator = function(value, data, type, params, component){
    return data.first_name + " " + data.last_name;
}

//column definition
{title:"Name", field:"full_name", mutator:customMutator}

如何在 tabulator.info 网格中的一列中显示多个字段

How to display several fields in one column in tabulator.info grid

javascript

tabulator