如何为Tabulator指定列设置单元格背景颜色?
Tabulator指定列单元格背景色设置方案
- 你之前看到的
formatter:"color"是用来设置文本颜色的,不是背景色,没法直接用来修改单元格背景。 - 要实现你的需求,直接在目标列的定义里添加
cellStyle属性即可,一行代码搞定:{title:"示例列", field:"example", cellStyle: {backgroundColor: "#fcfcfc"}} - 补充说明:
- 这个属性仅作用于当前列的单元格,不会影响表头和其他列,完全匹配你的要求
- 如果需要根据单元格内容动态调整背景色,也可以用函数形式:
{title:"示例列", field:"example", cellStyle: (cell) => { return cell.getValue() > 10 ? {backgroundColor: "blue"} : {backgroundColor: "#fcfcfc"}; }}
内容的提问来源于stack exchange,提问作者Kelvin Yeung
相关产品推荐
相关产品推荐

