Dashboards & Visualizations

Zebra striped tables

IgorB
Path Finder

Is there a simple way of "zebra striping" results rows in SimpleResultsTable, e.g. change background of all even-numbered lines to light gray?

Tags (1)
1 Solution

ziegfried
Influencer

It is possible to do this in CSS, but only if you're using a CSS3 capable browser. In the application.css file, add something like:

table.simpleResultsTable tr:nth-child(even) { background-color: #ddd; }
table.simpleResultsTable tr:nth-child(odd) { background-color: #fff; } 

View solution in original post

ziegfried
Influencer

It is possible to do this in CSS, but only if you're using a CSS3 capable browser. In the application.css file, add something like:

table.simpleResultsTable tr:nth-child(even) { background-color: #ddd; }
table.simpleResultsTable tr:nth-child(odd) { background-color: #fff; } 
Get Updates on the Splunk Community!

.conf24 | Registration Open!

Hello, hello! I come bearing good news: Registration for .conf24 is now open!   conf is Splunk’s rad annual ...

ICYMI - Check out the latest releases of Splunk Edge Processor

Splunk is pleased to announce the latest enhancements to Splunk Edge Processor.  HEC Receiver authorization ...

Introducing the 2024 SplunkTrust!

Hello, Splunk Community! We are beyond thrilled to announce our newest group of SplunkTrust members!  The ...