插件 〉数据表格面板
数据表面板
Grafana 数据表面板
此面板插件为 Grafana 8.x/9.x/10.x 提供了一个 Datatables.net 表格面板。
屏幕截图
分页启用
滚动启用
带分页的浅色主题
编号行和紧凑样式
选项
选项选项卡
与内置表格面板相同的选项
数据表选项选项卡
表格显示选项
- 字体大小 - 设置表格内容的字体大小
- 滚动 - 切换滚动与分页
- 分页选项
- 每页行数 - 分页启用时显示的行数
- 分页类型 - 多种导航选项
列别名
- 覆盖列的显示名称
列宽度提示
- 提供百分比或像素(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的“表格”面板
在Grafana Cloud上安装DataTable面板
在Grafana Cloud实例上安装插件是一个一键安装;更新也是如此。酷吧?
请注意,可能需要1分钟才能在您的Grafana中看到插件。
在Grafana Cloud实例上安装插件是一个一键安装;更新也是如此。酷吧?
请注意,可能需要1分钟才能在您的Grafana中看到插件。
在Grafana Cloud实例上安装插件是一个一键安装;更新也是如此。酷吧?
请注意,可能需要1分钟才能在您的Grafana中看到插件。
在Grafana Cloud实例上安装插件是一个一键安装;更新也是如此。酷吧?
请注意,可能需要1分钟才能在您的Grafana中看到插件。
在Grafana Cloud实例上安装插件是一个一键安装;更新也是如此。酷吧?
请注意,可能需要1分钟才能在您的Grafana中看到插件。
在Grafana Cloud实例上安装插件是一个一键安装;更新也是如此。酷吧?
请注意,可能需要1分钟才能在您的Grafana中看到插件。
在Grafana Cloud实例上安装插件是一个一键安装;更新也是如此。酷吧?
请注意,可能需要1分钟才能在您的Grafana中看到插件。
有关更多信息,请访问插件安装文档。
在本地Grafana上安装
对于本地实例,插件通过简单的CLI命令进行安装和更新。插件不会自动更新,但是您将在Grafana中收到更新可用通知。
1. 安装面板
使用grafana-cli工具从命令行安装DataTable面板
grafana-cli plugins install
插件将被安装到您的Grafana插件目录中;默认为/var/lib/grafana/plugins。有关CLI工具的更多信息,请参阅。
2. 将面板添加到仪表板
已安装的面板可立即在 Grafana 主菜单的仪表板部分使用,并且可以像其他任何核心面板一样添加。
要查看已安装面板的列表,请点击主菜单中的插件项。核心面板和已安装面板都将显示。
变更日志
本项目所有显著变更都将在此文件中记录。
[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 文件
- 添加依赖文件-saver require my file_export
- v7 不再从仪表板、测试中支持 isUTC 设置,默认为 false
[1.0.0] - 2020-04-21
- 添加了使用正交数据选项来按值而不是格式化值排序的选项
- 删除 moment 包
- 已更新为使用新的 @grafana/toolkit 构建过程
- 更新了软件包
- 修复:当行号设置为 true 时,列索引排序错误
- 修复:浅色主题搜索区域现在更易于可见
- 新增:时间宏 $__from, $__to, $__keepFrom 将在可点击的 URL 中替换
[0.0.9] - 2019-09-07
- 修复 stringToJsRegex 引用错误
[0.0.8] - 2019-09-07
- 更新软件包
[0.0.7] - 2019-07-26
由贡献者 jmp0x00 提供的新功能/错误修复,谢谢!将转换为 TypeScript 更新了所有软件包 CircleCI 添加到发布
(之前) 变更日志
版本 | 变更 |
---|---|
0.0.1 | 首次发布 |
0.0.2 | 新增:添加了单元格或行链接到另一个页面的选项 |
新增:支持表格内的可点击链接 | |
错误修复:已修复缺失的 CSS 文件 | |
错误修复:当 Grafana 有子路径时,现在可以加载 CSS 文件 | |
新增:添加了多列排序 - 可按任意数量的列升序/降序排序 | |
新增:列别名 - 修改由数据源发送的列名称 | |
新增:列宽度提示 - 建议一个名为列的宽度 | |
0.0.3 | 错误修复:保存状态现在应该正常工作 - 错误选项在表格构造函数中 |
新增:导出选项为剪贴板/CSV/PDF/Excel/打印 | |
错误修复:现在可以别命名来自除 JSON 之外的数据源的列 | |
错误修复:现在无数据会清除表格(问题 #5) | |
0.0.4 | 新增:当列数比渲染的面板宽时,现在将自动水平滚动 |
问题 #6 | |
0.0.5 | 错误修复:Grafana > 4.6 的 SystemJS 路径更改 |
0.0.6 | 错误修复:与 v5 的兼容性 |
1.0.0 | 更新软件包并将其转换为工具包 |