-
Notifications
You must be signed in to change notification settings - Fork 58
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
44 changed files
with
908 additions
and
0 deletions.
There are no files selected for viewing
Binary file not shown.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,21 @@ | ||
The MIT License (MIT) | ||
|
||
Copyright (c) 2016 Brian Gann | ||
|
||
Permission is hereby granted, free of charge, to any person obtaining a copy | ||
of this software and associated documentation files (the "Software"), to deal | ||
in the Software without restriction, including without limitation the rights | ||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | ||
copies of the Software, and to permit persons to whom the Software is | ||
furnished to do so, subject to the following conditions: | ||
|
||
The above copyright notice and this permission notice shall be included in all | ||
copies or substantial portions of the Software. | ||
|
||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | ||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | ||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE | ||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | ||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, | ||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE | ||
SOFTWARE. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,182 @@ | ||
# Grafana Datatable Panel | ||
[![CircleCI](https://circleci.com/gh/briangann/grafana-datatable-panel.svg?style=svg)](https://circleci.com/gh/briangann/grafana-datatable-panel) | ||
[![David Dependancy Status](https://david-dm.org/briangann/grafana-datatable-panel.svg)](https://david-dm.org/briangann/grafana-datatable-panel) | ||
[![David devDependancy Status](https://david-dm.org/briangann/grafana-datatable-panel/dev-status.svg)](https://david-dm.org/briangann/grafana-datatable-panel?type=dev) | ||
[![Twitter Follow](https://img.shields.io/twitter/follow/jepetlefeu.svg?style=social)](https://twitter.com/jepetlefeu) | ||
|
||
This panel plugin provides a [Datatables.net](http://www.datatables.net) table panel for [Grafana](http://www.grafana.org) 3.x/4.x | ||
|
||
### Screenshots | ||
|
||
##### Paging enabled | ||
![Default Paging](https://raw.githubusercontent.com/briangann/grafana-datatable-panel/master/src/screenshots/datatable-basic-dark.png) | ||
|
||
##### Scrolling enabled | ||
![Scrolling](https://raw.githubusercontent.com/briangann/grafana-datatable-panel/master/src/screenshots/datatable-dark-scrolling.png) | ||
|
||
##### Light Theme with Paging | ||
![Light Theme with Paging](https://raw.githubusercontent.com/briangann/grafana-datatable-panel/master/src/screenshots/datatable-basic-light.png) | ||
|
||
##### Numbered Rows and Compact Style | ||
|
||
![Numbered and Compact Rows](https://raw.githubusercontent.com/briangann/grafana-datatable-panel/master/src/screenshots/datatable-dark-numbered-compact.png) | ||
|
||
#### Options | ||
|
||
##### Options Tab | ||
|
||
![Options](https://raw.githubusercontent.com/briangann/grafana-datatable-panel/master/src/screenshots/datatable-options.png) | ||
|
||
Same options as built-in table panel | ||
|
||
##### Datatable Options Tab | ||
|
||
![Datatable Options](https://raw.githubusercontent.com/briangann/grafana-datatable-panel/master/src/screenshots/datatable-dt-options.png) | ||
|
||
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 | ||
|
||
Column Aliasing | ||
* 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. | ||
|
||
Column Sorting | ||
* Sort table by any number of columns in ascending/descending order. | ||
|
||
Table Options | ||
* 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 | ||
|
||
Theme Settings | ||
* Basic theme is currently the only option, more to be added | ||
|
||
#### Thresholding | ||
|
||
##### Row-based threshold coloring | ||
|
||
![Thresholding with Row Coloring](https://raw.githubusercontent.com/briangann/grafana-datatable-panel/master/src/screenshots/datatable-threshold-row.png) | ||
|
||
##### Cell based threshold coloring | ||
|
||
![Thresholding with Cell Coloring](https://raw.githubusercontent.com/briangann/grafana-datatable-panel/master/src/screenshots/datatable-threshold-cell.png) | ||
|
||
##### Cell based threshold value coloring | ||
|
||
![Thresholding with Value Coloring](https://raw.githubusercontent.com/briangann/grafana-datatable-panel/master/src/screenshots/datatable-threshold-value.png) | ||
|
||
##### 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. | ||
|
||
![Thresholding with RowColumn1](https://raw.githubusercontent.com/briangann/grafana-datatable-panel/master/src/screenshots/datatable-threshold-rowcolumn1.png) | ||
|
||
![Thresholding with RowColumn2](https://raw.githubusercontent.com/briangann/grafana-datatable-panel/master/src/screenshots/datatable-threshold-rowcolumn2.png) | ||
|
||
##### RowColumn threshold coloring including row counter | ||
|
||
Same as above, but with row counter included | ||
|
||
![Thresholding with RowColumn including row count](https://raw.githubusercontent.com/briangann/grafana-datatable-panel/master/src/screenshots/datatable-threshold-rowcolumn-rownumbers.png) | ||
|
||
|
||
------- | ||
|
||
## Features | ||
|
||
* 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 | ||
* Scrolling | ||
* Paging | ||
* 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 | ||
|
||
|
||
## TODO | ||
* [+] Column is not working | ||
* Add Additional Themes | ||
* Bootstrap: | ||
* Requires a modified .js file since it looks for "datatables.net" - need workaround | ||
* Foundation: | ||
* Requires a modified .js file since it looks for "datatables.net" - need workaround | ||
* Needs a new CSS that is "dark" for Grafana - the builtin is light | ||
http://foundation.zurb.com/sites/download.html/#customizeFoundation | ||
* JQueryUI ThemeRoller | ||
* Requires a modified .js file since it looks for "datatables.net" - need workaround | ||
|
||
## Building | ||
|
||
This plugin relies on Grunt/NPM/Bower, typical build sequence: | ||
|
||
``` | ||
npm install | ||
bower install | ||
grunt | ||
``` | ||
|
||
For development, you can run: | ||
``` | ||
grunt watch | ||
``` | ||
The code will be parsed then copied into "dist" if "jslint" passes without errors. | ||
|
||
|
||
### Docker Support | ||
|
||
A docker-compose.yml file is include for easy development and testing, just run | ||
``` | ||
docker-compose up | ||
``` | ||
|
||
Then browse to http://localhost:3000 | ||
|
||
### RPM | ||
|
||
A spec file is included to facilitate RPM based deployments, to generate run | ||
``` | ||
make rpm | ||
``` | ||
|
||
## External Dependencies | ||
|
||
* Grafana 3.x/4.x | ||
|
||
## Build Dependencies | ||
|
||
* npm | ||
* bower | ||
* grunt | ||
|
||
#### Acknowledgements | ||
|
||
This panel is based on the "Table" panel by GrafanaLabs |
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,34 @@ | ||
{ | ||
"name": "datatables.net-bs", | ||
"version": "1.10.19", | ||
"description": "DataTables for jQuery with styling for [Bootstrap 3](http://getbootstrap.com/)", | ||
"files": [ | ||
"css/**/*.css", | ||
"js/**/*.js" | ||
], | ||
"main": "js/dataTables.bootstrap.js", | ||
"style": "css/dataTables.bootstrap.css", | ||
"keywords": [ | ||
"filter", | ||
"sort", | ||
"DataTables", | ||
"jQuery", | ||
"table", | ||
"Bootstrap" | ||
], | ||
"homepage": "https://datatables.net", | ||
"bugs": "https://datatables.net/forums", | ||
"license": "MIT", | ||
"author": { | ||
"name": "SpryMedia Ltd", | ||
"url": "http://datatables.net" | ||
}, | ||
"dependencies": { | ||
"jquery": ">=1.7", | ||
"datatables.net": "1.10.19" | ||
}, | ||
"repository": { | ||
"type": "git", | ||
"url": "https://github.com/DataTables/Dist-DataTables-Bootstrap.git" | ||
} | ||
} |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,35 @@ | ||
{ | ||
"name": "datatables.net-dt", | ||
"version": "1.10.19", | ||
"description": "DataTables for jQuery ", | ||
"files": [ | ||
"css/**/*.css", | ||
"js/**/*.js", | ||
"images/*" | ||
], | ||
"style": "css/dataTables.dataTables.css", | ||
"keywords": [ | ||
"filter", | ||
"sort", | ||
"DataTables", | ||
"jQuery", | ||
"table", | ||
"DataTables" | ||
], | ||
"homepage": "https://datatables.net", | ||
"bugs": "https://datatables.net/forums", | ||
"license": "MIT", | ||
"author": { | ||
"name": "SpryMedia Ltd", | ||
"url": "http://datatables.net" | ||
}, | ||
"dependencies": { | ||
"jquery": ">=1.7", | ||
"datatables.net": "1.10.19" | ||
}, | ||
"repository": { | ||
"type": "git", | ||
"url": "https://github.com/DataTables/Dist-DataTables-DataTables.git" | ||
}, | ||
"main": "js/dataTables.dataTables.js" | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,34 @@ | ||
{ | ||
"name": "datatables.net-jqui", | ||
"version": "1.10.19", | ||
"description": "DataTables for jQuery with styling for [jQuery UI](http://jqueryui.com/)", | ||
"files": [ | ||
"css/**/*.css", | ||
"js/**/*.js" | ||
], | ||
"main": "js/dataTables.jqueryui.js", | ||
"style": "css/dataTables.jqueryui.css", | ||
"keywords": [ | ||
"filter", | ||
"sort", | ||
"DataTables", | ||
"jQuery", | ||
"table", | ||
"jQuery UI" | ||
], | ||
"homepage": "https://datatables.net", | ||
"bugs": "https://datatables.net/forums", | ||
"license": "MIT", | ||
"author": { | ||
"name": "SpryMedia Ltd", | ||
"url": "http://datatables.net" | ||
}, | ||
"dependencies": { | ||
"jquery": ">=1.7", | ||
"datatables.net": "1.10.19" | ||
}, | ||
"repository": { | ||
"type": "git", | ||
"url": "https://github.com/DataTables/Dist-DataTables-jQueryUI.git" | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,34 @@ | ||
{ | ||
"name": "datatables.net-zf", | ||
"version": "1.10.19", | ||
"description": "DataTables for jQuery with styling for [Zurb Foundation](http://foundation.zurb.com/)", | ||
"files": [ | ||
"css/**/*.css", | ||
"js/**/*.js" | ||
], | ||
"main": "js/dataTables.foundation.js", | ||
"style": "css/dataTables.foundation.css", | ||
"keywords": [ | ||
"filter", | ||
"sort", | ||
"DataTables", | ||
"jQuery", | ||
"table", | ||
"Foundation" | ||
], | ||
"homepage": "https://datatables.net", | ||
"bugs": "https://datatables.net/forums", | ||
"license": "MIT", | ||
"author": { | ||
"name": "SpryMedia Ltd", | ||
"url": "http://datatables.net" | ||
}, | ||
"dependencies": { | ||
"jquery": ">=1.7", | ||
"datatables.net": "1.10.19" | ||
}, | ||
"repository": { | ||
"type": "git", | ||
"url": "https://github.com/DataTables/Dist-DataTables-Foundation.git" | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,31 @@ | ||
{ | ||
"name": "datatables.net", | ||
"version": "1.10.19", | ||
"description": "DataTables for jQuery ", | ||
"files": [ | ||
"js/**/*.js" | ||
], | ||
"main": "js/jquery.dataTables.js", | ||
"keywords": [ | ||
"filter", | ||
"sort", | ||
"DataTables", | ||
"jQuery", | ||
"table", | ||
"DataTables" | ||
], | ||
"homepage": "https://datatables.net", | ||
"bugs": "https://datatables.net/forums", | ||
"license": "MIT", | ||
"author": { | ||
"name": "SpryMedia Ltd", | ||
"url": "http://datatables.net" | ||
}, | ||
"dependencies": { | ||
"jquery": ">=1.7" | ||
}, | ||
"repository": { | ||
"type": "git", | ||
"url": "https://github.com/DataTables/Dist-DataTables.git" | ||
} | ||
} |
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
Oops, something went wrong.