问题描述
在Kibana仪表板中实现彩色表格时，我遇到了一个挑战，并试图找出互联网上的最佳方法，但到目前为止还没有任何解决方法。因此，由于我不想重新发明轮子并从头开始创建，所以我想听听您关于此实现的最新状态。顺便说一句，我知道我们可以根据其值定义一个单元格颜色，但它不仅可以是单元格颜色，还必须是所有表格行或至少一个完整行。
面临的挑战是在同一仪表板上绘制两个简单的表，一个完全为红色，第二个均为绿色。这是一个表示例： Report example
您是否找到了某种方法来将表格的背景色定义到Kibana仪表板，Kibana可视化组件中，或者甚至通过HTML或CSS文件自定义的部署级别自定义？
解决方法
这是解决这一挑战的方法之一。为了找出其他格式，我建议在Chrome中使用F12并调试一些CSS语句。
- 要更改的CSS文件：
- /usr/share/kibana/optimize/bundles/light-theme.style.css
- 让我们考虑以下表格标题
- 表1标题：“ TOP_RED_TABLE”
- 表2标题：“ BOTTON_GREEN_TABLE”
-
在CSS文件的末尾添加以下几行（将根据您的定义在下面的表标题替换到仪表板中）
[data-title =“ TOP_RED_TABLE”]，[data-test-subj =“ embeddablePanelHeading-TOP_RED_TABLE”] { 背景颜色：红色；
白颜色; }[data-title =“ BOTTON_GREEN_TABLE”]，[data-test-subj =“ embeddablePanelHeading-BOTTON_GREEN_TABLE”] { 背景颜色：绿色；
白颜色; } .table thead { font-size：14px; 背景颜色：黑色； 白颜色; }.embPanel__title：not（：empty）{ font-size：16px; }
祝您的kibana定制好运，请在此处发布任何其他建议。
Tks
马塞洛