Tabulator 我有一张制表表表,对齐
我有一个制表符表格,有三列向右对齐,但是如果第一列中的“Tabulator 我有一张制表表表,对齐,tabulator,Tabulator,我有一个制表符表格,有三列向右对齐,但是如果第一列中的“值”是“xxx”,单元格中的值需要更改为向左对齐,这可能吗 var table = new Tabulator("#example_table", { layout: "fitDataFill", placeholder: "No Data Set Found", columns: [{ title: "name", field: "name", sorter: "string",
值
”是“xxx
”,单元格中的值需要更改为向左对齐,这可能吗
var table = new Tabulator("#example_table", {
layout: "fitDataFill",
placeholder: "No Data Set Found",
columns: [{
title: "name",
field: "name",
sorter: "string",
headerFilter: "input",
headerFilterPlaceholder: "Filter Exception Name",
formatter: "label",
width: 70,
},
{
title: "name value",
field: "namevalue",
sorter: "string",
headerFilterPlaceholder: "Filter Exception Policy Data",
headerFilter: "input",
formatter: celldataswith,
align: "right"
},
{
title: "permited value",
field: "permitedvalue",
sorter: "string",
headerFilterPlaceholder: "Filter Exception Criteria",
headerFilter: "input",
formatter: celldataswith,
align: "right"
},
{
title: "breach value",
field: "breachvalue",
sorter: "string",
headerFilterPlaceholder: "Filter Exception Breach",
headerFilter: "input",
formatter: celldataswith,
align: "right"
}
],
rowFormatter: function(row, cell) {
//row - row component
var dataExceptionName = row.getData().Name;
if (dataExceptionName == "xxx") {
row.getElement().style.backgroundColor = "#A6A6DF";
**cell.getData().namevalue.style.align = "left";
cell.getData().permitedvalue.style.align = "left";
cell.getData().breachvalue.style.align = "left";**
}
},
});
您可以使用自定义单元格格式化程序来实现这一点,在表外定义格式化程序,然后在列定义中引用它
//define formatter
var alignFormatter = function(cell, formatterParams, onRendered){
var data = cell.getData();
if(data.name === "xxx"){
cell.getElement().style.align = "left";
}else{
cell.getElement().style.align = "right";
}
}
//column definition
{title: "name value", field: "namevalue", formatter:alignFormatter},