Plugins 〉Datatable Panel
Grafana Datatable Panel
Light Theme with Paging
Numbered Rows and Compact Style
Same options as built-in table panel
Datatable Options Tab
Table Display Options
- Font Size - set font size of table content
- Scroll - toggle for scrolling vs Paging
- Paging Options
- Rows Per Page - number of rows to display when paging is enabled
- Paging type - multiple navigation options
- Override the name displayed for a column
Column Width Hints
- Provide a width "hint" in percentage or pixels ( 100px or 10% ). Note: The table will autosize as needed, but will use the hints provided.
- Sort table by any number of columns in ascending/descending order.
- Row Numbers - toggle to show row numbers
- Length Change Enabled - top left dropdown for showing alternate page sizes
- Search Enabled - toggle to allow searching table content (regex is enabled)
- Info - Displays the "Show N of X entries" on bottom left of table
- Cell Borders - show borders around each Cell (cannot be enabled with Row Borders)
- Row Borders - show border between rows
- Compact Rows - uses less padding for denser data display
- Striped Rows - non-colored rows will be "striped" odd/even
- Order Column - Highlights the column used for sorting
- Hover - Highlights row on mouse hover
- Basic theme is currently the only option, more to be added
Row-based threshold coloring
Cell based threshold coloring
Cell based threshold value coloring
RowColumn threshold coloring
This option sets the row color to the "highest" threshold found for all cells in row.
It also sets the color for each cell according to the threshold (you can tell which columns actually exceeded the threshold).
This means - a row can have an overall color, with each cell indicating it's real threshold color.
RowColumn threshold coloring including row counter
Same as above, but with row counter included
- Feature parity with built-in Grafana Table Panel
- Row coloring uses the "highest" threshold color of all columns
- New "RowColumn" threshold color option: Sets color to "highest" threshold found for all cells in row. Also sets color for each cell according to the threshold. This means - a row can have an overall color, with each cell indicating it's real threshold color.
- Set font size for rows
- Preset page sizes
- Multiple paging types
- Dropdown for page size
- Row Numbers reactive to filtering
- Searchable table content (filtering), regex enabled
- Columns names can be aliased
- URLs inside row text can be "clicked"
- Rows can have a click-through URL
- Multi-Column Sorting
- Horizontal scrolling enabled when columns are wider than panel
- [+] Column is not working
This plugin relies on Yarn, typical build sequence:
yarn install yarn build
For development, you can run:
yarn install yarn watch
The code will be parsed then copied into "dist" if the build passes without errors.
A docker-compose.yml file is include for easy development and testing, just run
Then browse to (http://localhost:3000)
A spec file is included to facilitate RPM based deployments, to generate run
- Grafana 6.x/7.x
This panel is based on the "Table" panel by GrafanaLabs
Installing Datatable Panel on Grafana Cloud:
Installing plugins on a Grafana Cloud instance is a one-click install; same with updates. Cool, right?
For more information, visit the docs on plugin installation.
Installing on a local Grafana:
For local instances, plugins are installed and updated via a simple CLI command. Plugins are not updated automatically, however you will be notified when updates are available right within your Grafana.
1. Install the Panel
Use the grafana-cli tool to install Datatable Panel from the commandline:
grafana-cli plugins install
The plugin will be installed into your grafana plugins directory; the default is /var/lib/grafana/plugins. More information on the cli tool.
Alternatively, you can manually download the .zip file for your architecture below and unpack it into your grafana plugins directory.
Alternatively, you can manually download the .zip file and unpack it into your grafana plugins directory.
2. Add the Panel to a Dashboard
Installed panels are available immediately in the Dashboards section in your Grafana main menu, and can be added like any other core panel in Grafana.
To see a list of installed panels, click the Plugins item in the main menu. Both core panels and installed panels will appear.
All notable changes to this project will be documented in this file.
[1.0.3] - 2020-12-05
- NEW: Added mark plugin to highlight matching text in search results (from PR #98)
- NEW: Align Number to right option (default is on)
- FIX: Crash when regex formatter is empty: Issue #124
- Plugin is now signed
[1.0.2] - 2020-06-26
- NEW: column filtering option
- Sorting is working correctly now Issues: #104
- Row/Column coloring working again Issue: #100
- Formatting working (general appearance problems) Issue: #105
- Now loads with older versions of Grafana Issue: #97
- Template variables inside links can now reference other cell content of same row number (Issue: #87)
[1.0.1] - 2020-05-02
- pulled in file_export from older version of grafana for compatibility
- add dependency file-saver require my file_export
- v7 no longer suppolies isUTC setting from dashboard, test and default to false
[1.0.0] - 2020-04-21
- Added option to use orthogonal data option to sort by value and not formatted value
- Remove moment package
- Updated to use new @grafana/toolkit build process
- Packages updated
- FIX: column index sorting was wrong when row numbers set true
- FIX: light theme search area now more visible
- NEW: time macros $__from, $__to, $__keepFrom will be replaced in clickable urls
[0.0.9] - 2019-09-07
- Fix stringToJsRegex reference error
[0.0.8] - 2019-09-07
- update packages
[0.0.7] - 2019-07-26
New features/bugfixes by contributor jmp0x00, thanks!! Conversion to typescript Updated all packages CircleCI added to publishing
|0.0.2||NEW: Added option for a cell or row to link to another page|
|NEW: Supports Clickable links inside table|
|BUGFIX: Fixed missing CSS files|
|BUGFIX: CSS files now load when Grafana has a subpath|
|NEW: Added multi-column sorting - sort by any number of columns ascending/descending|
|NEW: Column Aliasing - modify the name of a column as sent by the datasource|
|NEW: Column width hints - suggest a width for a named column|
|0.0.3||BUGFIX: Saving State should now work - wrong option was in the datatable constructor|
|NEW: Export options for Clipboard/CSV/PDF/Excel/Print|
|BUGFIX: Columns from datasources other than JSON can now be aliased|
|BUGFIX: No data now clears table (issue #5)|
|0.0.4||NEW: Now autoscrolls horizontally if number of columns is wider|
|than the rendered panel (issue #6)|
|0.0.5||BUGFIX: SystemJS path changes for Grafana > 4.6|
|0.0.6||BUGFIX: Compatibility for v5|
|1.0.0||Update packages and convert to toolkit|
What’s new in Grafana Enterprise Metrics 1.3, our scalable, self-hosted Prometheus service
Blog post 5 min
Introducing the new Open Distro for Elasticsearch plugin for Grafana, also available in Amazon Managed Service for Grafana
Blog post 3 min
Want to visualize software development insights with Grafana? With our new Jira Enterprise plugin, you can!
Blog post 5 min
A closer look at the admin API and plugin for centralized tenant adminstration and control in Grafana Enterprise Logs
Blog post 4 min
The new Splunk Infrastructure Monitoring plugin brings the SaaS formerly known as SignalFx to your Grafana dashboards
Blog post 5 min
The Splunk plugin for Grafana now supports data links for jumping directly from logs to traces
Blog post 5 min
With the new AWS IoT SiteWise plugin, you can visualize and monitor your equipment data in Grafana dashboards
Blog post 2 min