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; } 
Got questions? Get answers!

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Meet up IRL or virtually!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Get Updates on the Splunk Community!

Catalog Is Now Generally Available on Splunk Cloud Platform

A Unified View of Your Data  Security logs, application events, business data, and historical telemetry often ...

Developer Spotlight with Eduard Lekanne

From Network Engineer to Building Agentic AI for Splunk Eduard Lekanne has been architecting technology ...

From Data Landing to Insight

Search Across More of Your Data Ecosystem The data you need may live in Splunk, high-volume machine data, ...