如何在 tabulator.info 网格中的一列中显示多个字段
How to display several fields in one column in tabulator.info grid
我的表数据结构中有几列,我想在一列中显示的内容
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;
}},
我建议您不要为此使用格式化程序,因为格式化程序只是可视的,这意味着您将无法对该列进行排序。
正确的方法是使用不存在的字段 属性,例如我们将其命名为 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}
我的表数据结构中有几列,我想在一列中显示的内容
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;
}},
我建议您不要为此使用格式化程序,因为格式化程序只是可视的,这意味着您将无法对该列进行排序。
正确的方法是使用不存在的字段 属性,例如我们将其命名为 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}