Grafana Datatable Panel

此面板插件为 Datatables.net 表格面板提供了 Grafana 8.x/9.x/10.x 版本

屏幕截图

分页已启用

滚动已启用

带有分页的浅色主题

编号行和紧凑样式

选项

选项卡

与内置表格面板相同的选项

Datatable 选项卡

表格显示选项

• 字体大小 - 设置表格内容的字体大小
• 滚动 - 滚动与分页的切换
• 分页选项
  • 每页行数 - 启用分页时要显示的行数
  • 分页类型 - 多种导航选项

列别名

• 覆盖列的显示名称

列宽提示

• 以百分比或像素 (100px 或 10%) 提供宽度“提示”。注意：表格将根据需要自动调整大小，但将使用提供的提示。

列排序

• 按任意数量的列以升序/降序对表格进行排序。

表格选项

• 行号 - 切换以显示行号
• 启用长度更改 - 左上角下拉菜单用于显示其他页面大小
• 启用搜索 - 切换以允许搜索表格内容（启用正则表达式）
• 信息 - 在表格左下角显示“显示 N 条记录，共 X 条记录”
• 单元格边框 - 在每个单元格周围显示边框（不能与行边框同时启用）
• 行边框 - 显示行之间的边框
• 紧凑行 - 使用较少的填充以实现更密集的数据显示
• 条纹行 - 非彩色行将“条纹化”为奇数/偶数行
• 排序字段 - 高亮显示用于排序的列
• 悬停 - 鼠标悬停时高亮显示行

主题设置

• 基本主题是目前唯一的选项，将添加更多主题

阈值

基于行的阈值着色

基于单元格的阈值着色

基于单元格阈值的数值着色

行列阈值着色

此选项将行的颜色设置为该行中所有单元格找到的“最高”阈值颜色。

它还会根据阈值设置每个单元格的颜色（您可以分辨出哪些列实际超过了阈值）。

这意味着 - 一行可以有一个整体颜色，每个单元格指示其真实的阈值颜色。

包含行计数器的行列阈值着色

与上述相同，但包含行计数器

功能

• 与内置 Grafana 表格面板的功能对等
• 行着色使用所有列的“最高”阈值颜色
• 新的“行列”阈值颜色选项：将颜色设置为该行中所有单元格找到的“最高”阈值。还根据阈值设置每个单元格的颜色。这意味着 - 一行可以有一个整体颜色，每个单元格指示其真实的阈值颜色。
• 设置行的字体大小
• 滚动
• 分页
  • 预设页面大小
  • 多种分页类型
  • 页面大小下拉菜单
• 行号对过滤做出反应
• 可搜索的表格内容（过滤），启用正则表达式
• 列名可以被别名化
• 行文本内的 URL 可以“点击”
• 行可以具有点击跳转 URL
• 多列排序
• 当列宽于面板时启用水平滚动

待办事项

• [+] 列不起作用

构建

此插件依赖于 Yarn，典型的构建顺序

yarn install
yarn build

对于开发，您可以运行

yarn install
yarn watch

如果构建通过且没有错误，代码将被解析然后复制到“dist”中。

Docker 支持

包含一个 docker-compose.yml 文件，方便开发和测试，只需运行

docker-compose up

然后浏览到 (https://127.0.0.1:3000)

RPM

包含一个 spec 文件以方便基于 RPM 的部署，要生成运行

make rpm

外部依赖

• Grafana 6.x/7.x

构建依赖

• yarn

致谢

此面板基于 GrafanaLabs 的“Table”面板