tabulator - 我有一个制表符表,对齐
问题描述
我有一个制表符表,三列右对齐,但如果value
第一列中的“”是“ 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},
推荐阅读
- android - 选择的 Kotlin 版本未反映在 Gradle Wrapper 输出中
- arrays - 如何修改 PostgreSQL 中特定 JSONB 键下的数组?
- django - Django 使用 HiddenInput 小部件形成 ValueError
- flutter - Flutter 中的 GridView.count 与 GridView.builder 的区别
- three.js - AFrame & Three.JS 检测帧之间发生的移动点和框之间的碰撞
- php - Opcache 预加载和缺少 App_KernelProdContainer.preload.php
- javascript - 在 iOS webview 移动设备中执行 document.execCommand("copy") 后键盘触发
- introscope - Introscope 企业管理器不启动
- cmake - 如何使用所需 3rd 方库的自定义版本编译 wxWidgets
- mysql - Mysql将十六进制字符串转换为十进制字符串