插件 〉数据表面板

面板
社区

数据表格面板

  • 概述
  • 安装
  • 变更日志
  • 相关内容

Grafana 数据表格面板

Marketplace Downloads License

Twitter Follow Release Build Known Vulnerabilities Maintainability Test Coverage

此面板插件为 Datatables.net 提供了一个用于 Grafana 8.x/9.x/10.x 的表格面板。

屏幕截图

启用分页

Default Paging

启用滚动

Scrolling

分页的浅色主题

Light Theme with Paging

编号的行和紧凑样式

Numbered and Compact Rows

选项

选项选项卡

Options

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

数据表格选项选项卡

Datatable Options

表格显示选项

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

列别名

  • 覆盖列的显示名称

列宽度提示

  • 提供百分比或像素(100px 或 10%)的宽度"提示"。注意:表格将根据需要自动缩放,但将使用提供的提示。

列排序

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

表格选项

  • 行号 - 切换以显示行号
  • 启用长度变更 - 左上角的下拉菜单以显示不同的页面大小
  • 启用搜索 - 切换以允许搜索表格内容(开启正则表达式)
  • 信息 - 在表格左下角显示"显示 N 项中的 X 项"
  • 单元格边框 - 在每个单元格周围显示边框(无法与行边框同时启用)
  • 行边框 - 在行之间显示边框
  • 紧凑行 - 使用更少的填充来显示更密集的数据
  • 条纹行 - 非彩色行将被"条带化"为奇数/偶数
  • 排序列 - 高亮显示用于排序的列
  • 悬停 - 鼠标悬停时高亮显示行

主题设置

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

阈值

基于行的阈值着色

Thresholding with Row Coloring

基于单元格的阈值着色

Thresholding with Cell Coloring

基于单元格的阈值值着色

Thresholding with Value Coloring

行/列阈值着色

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

它还将每个单元格的颜色根据阈值设置(您可以看到哪些列实际上超过了阈值)。

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

Thresholding with RowColumn1

Thresholding with RowColumn2

包括行计数器的行/列阈值着色

与上面相同,但包括行计数器

Thresholding with RowColumn including row count

功能

  • 与内置 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的“表格”面板

在Grafana Cloud上安装DataTable面板

更多信息,请访问插件安装文档。

变更日志

此项目的所有重大更改都将记录在此文件中。

[1.0.4] - 2023-09-11

  • 与v10.x版本的兼容性更新
  • 软件包更新
  • 签名已修复
  • 微调错误
  • 注意:这个插件很快将迁移到React!

[1.0.3] - 2020-12-05

  • 新增:添加标记插件,以突出显示搜索结果中的匹配文本(来自PR #98)
  • 新增:对齐数字到右边(默认开启)
  • 修复:正则表达式格式化器为空时崩溃:问题 #124
  • 插件现在已签名

[1.0.2] - 2020-06-26

  • 新增:列过滤选项
  • 排序现在正确地工作了:问题:#104
  • 行/列着色现在又正常工作了:问题:#100
  • 格式化现在正常工作(通用外观问题):问题:#105
  • 现在可以加载较旧版本的Grafana:问题:#97
  • 现在模板变量可以引用同一行号的单元格内容了(问题:#87)

[1.0.1] - 2020-05-02

  • 从Grafana旧版本中拉入file_export以实现兼容性
  • 添加依赖文件保存,要求我的file_export
  • v7不再支持仪表板、测试和默认值从isUTC设置

[1.0.0] - 2020-04-21

  • 添加了使用正交数据选项按值排序而不是格式化值的选项
  • 移除moment包
  • 更新为使用新的@grafana/toolkit构建过程
  • 软件包更新
  • 修复:当行号设置为true时,列索引排序错误
  • 修复:浅色主题的搜索区域现在更明显
  • 新增:时间宏$__from, $__to, $__keepFrom将替换在可点击的URL中

[0.0.9] - 2019-09-07

  • 修复字符串ToJsRegex引用错误

[0.0.8] - 2019-09-07

  • 更新包

[0.0.7] - 2019-07-26

贡献者jmp0x00添加了新功能/错误修复,谢谢!!已转换为typescript。所有包都更新到CircleCI并添加到发行版中

(以前) 更新日志

版本号更改
0.0.1首次发布
0.0.2新增:可选择单元格或行链接到其他页面
新增:支持表格中的可点击链接
修复:修复了缺失的CSS文件
修复:CSS文件现在在Grafana具有子路径时加载
新增:添加了多列排序功能 - 可按任意数量的列升序/降序排序
新增:列别名 - 修改由数据源发送的列名
新增:列宽度提示 - 建议命名列的宽度
0.0.3修复:现在应正常保存状态 - 错误选项在datatable构造函数中
新增:为剪切板/CSV/PDF/Excel/打印提供了导出选项
修复:现在可以别名非JSON数据源中的列
修复:数据为空时现在将清除表(问题#5)
0.0.4新增:如果列数比渲染的面板宽,则自动水平滚动
(问题#6)
0.0.5修复:Grafana>${4.6}的系统JS路径更改
0.0.6修复:与v5兼容性
1.0.0更新包并转换为 toolkit