如何为Splunk statistical table类型仪表板添加类似Excel的网格线

以下是两种经过验证的可行方案，不需要额外安装第三方插件：

方案1：单仪表板生效（推荐，无全局影响） #

直接在目标仪表板的Simple XML中内嵌自定义CSS即可，仅对当前仪表板的统计表格生效，操作步骤如下：

• 编辑目标仪表板，切换到源代码编辑模式
• 在<dashboard>/<form>标签之后、第一个<row>标签之前，插入以下代码块：

<html>
  <style>
    /* 表头下边框 */
    .table th {
      border-bottom: 1px solid #ccc !important;
    }
    /* 单元格全边框，实现网格效果 */
    .table td {
      border: 1px solid #ccc !important;
    }
    /* 可选：关闭默认斑马纹背景，更贴近Excel样式 */
    .table > tbody > tr:nth-of-type(even) {
      background-color: #fff !important;
    }
  </style>
</html>

• 保存仪表板后，按Ctrl+F5强制刷新浏览器清除缓存即可看到效果
• 如果你使用的是较新版本的Splunk，样式不生效时可以把CSS选择器中的.table替换为.splunk-table再试

方案2：多仪表板全局生效 #

如果需要给同一应用下的所有统计表格都加上网格线，可以用全局CSS配置：

• 进入对应Splunk应用的appserver/static目录，默认路径为$SPLUNK_HOME/etc/apps/[你的应用名]/appserver/static
• 新建名为table_grid.css的文件，将方案1中的CSS代码粘贴进去保存
• 在需要应用样式的仪表板的<dashboard>标签中添加属性：stylesheet="table_grid.css"
• 重启Splunk服务或者等待静态资源缓存更新后生效

内容的提问来源于stack exchange，提问作者Akhil