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},