javascript - 格式化单元格文本颜色
问题描述
此列格式化程序可以很好地设置背景颜色,但是我根本看不到文本。
function truthFormatter(cell, formatterParams, onRendered) {
var cellValue = cell.getValue();
var cellElement = cell.getElement();
if (cellValue == "T") {
cellElement.style.backgroundColor = "#0000B3";
cellElement.style.color = "#FFFFFF";
}
else if (cellValue == "F") {
cellElement.style.backgroundColor = "#B30000";
cellElement.style.color = "#FFFFFF";
}
}
Chrome 在其中一个单元格上的样式检查器表明一切都应该没问题:
element.style {
width: 40px;
text-align: center;
background-color: rgb(0, 0, 179);
color: rgb(255, 255, 255);
height: 25px;
}
我在独立的测试配置中得到了相同的行为——没有应用其他 CSS。
此外,不应应用格式化程序的单元格中的文本不可见——尽管此处的样式检查似乎也很好:
element.style {
width: 151px;
text-align: right;
color: rgb(0, 0, 0);
height: 32px;
}
解决方案
您的线路:
cellElement.style.color = "#FFFFFF";
应该可以正常工作,我已经运行了一些测试,并且可以正常工作。
我建议使用您的浏览器检查器来查看覆盖它的 CSS。
您也没有在格式化程序中返回单元格的值,因此单元格内不会显示任何内容。
您需要将此行添加到格式化程序函数的底部
return cell.getValue();
推荐阅读
- javascript - 理解 for 循环课程中的方括号
- java - Java多线程不能停止线程
- r - 通过另一列中两行的相似性有条件地替换一列中的值
- django - ValueError: Unable to configure handler 'file': [Errno 2] No such file or directory: while using cross-platform scripts
- jquery - 在页面上找到特定文本时更改正文背景颜色
- r - 使用 gganimate 制作的动画中的故障
- python - 不和谐嵌入不想发送
- java - Java swing 游戏 JPanel 布局辅助
- docker-compose - 如何抑制柏树无头铬原木?
- php - 在特定产品的 WooCommerce 购物车页面中的购物车项目名称后添加产品 ID