Re-Engineered Tables App for Splunk

Overview

Details

Reverse engineering Splunk's built in Table visualization. This app uses Simple XML CSS and JS Extension along with Splunk JS stack to showcase some Advanced use cases with Splunk Tables.

1. References to Splunk Dashboard Examples and Splunk Style Guide for Tables.
2. References to CSS and JS extension and Splunk Web Framework.
3. Add composite jQuery Spark Lines.
2. Selected text highlight across multiple tables.
4. HTML input like button in table cell.
5. Context menu as draggable modal Pop-up using jQuery UI.
6. Stacked bar chart or Funnel/Pyramid chart using data bars.
7. Tile view with tooltip or Status Indicator kind of view.
8. Table tile as slider.
9. Rich HTML content based table from SPL.

author = Niket Nilay
description = Extending Splunk's built-in table with CSS, JS and SplunkJS
version = 1.0.0

Dependencies:

Requires Splunk Dashboard Examples App for linking to Table examples and Dark Theme workaround: https://splunkbase.splunk.com/app/1603/
Requires Status Indicator - Custom Visualization for Icons in Examples: https://splunkbase.splunk.com/app/3119/

Examples:

Reference to Splunk Dashboard Examples App's Table Examples using Built In, Simple XML, Simple XML CSS and JS extensions with Splunk JS Stack.
Reference to Splunk Style Guide for Tables in Splunk UI.
Splunk Table Sparkline Examples including jQury Sparkline through Simple XML JS extension for creating Composite Sparkline (custom x-axis not required to be time).
Apply custom style to Splunk Table using Simple XML CSS extension.
SplunkJS overview for TableView with example of highlighting selected text in multiple tables.
Adding HTML input to Splunk table using Simple XML CSS/JS extension and SplunkJS stack.
Adding Context Menu to Splunk tables using Modal Pop-Up. Using jQuery.UI draggable() event to allow dragging of modal pop-up.
Example with creation of Data Bars within table. Create stacked bar chart within table or Create Funnel Chart/Pyramid Chart with Table.
Show table as tile. Similar to Status Indicator. Option to switch between compressed box view with Tooltip or else regular tile with Icon and details. Allows drilldown.
Create slider using table with CSS extension and auto-rotate between KPIs based on Slider interval using JS Extension.
Create html table using search result with html content. Example also demos similar tile creation using built in Splunk Table.

Release Notes

Version 1.0.1

Sept. 26, 2020

Reverse engineering Splunk's built in Table visualization. This app uses Simple XML CSS and JS Extension along with Splunk JS stack to showcase some Advanced use cases with Splunk Tables.

References to Splunk Dashboard Examples and Splunk Style Guide for Tables.
References to CSS and JS extension and Splunk Web Framework.
Add composite jQuery Spark Lines.
Selected text highlight across multiple tables.
HTML input like button in table cell.
Context menu as draggable modal Pop-up using jQuery UI.
Stacked bar chart or Funnel/Pyramid chart using data bars.
Tile view with tooltip or Status Indicator kind of view.
Table tile as slider.
Rich HTML content based table from SPL.

599

Downloads

Share Subscribe

Version

Built by

Splunk Works

Support

Not Supported

Questions on Splunk Answers Flag as inappropriate

Compatibility

Products: Splunk Enterprise

Splunk Versions: 9.2, 9.1, 9.0, 8.2, 8.1, 8.0, 7.3, 7.2

Platform: Platform Independent

CIM Versions: 4.x, 3.x

Licensing

Splunk General Terms

Category & Contents

Categories: Utilities

App Type: App

Subscribe Share

My Account

Support & Services