Splunk Search

How to change the row colors based on the field value using CSS in splunk

disha
Contributor

I am getting the result data in the form of table from the view's SimpleResultsTable. In result data I have the fields Custid and EventId. For one CustomerID we can have more than one eventId.

CustID EventID

01 876

01 545

01 339

02 876

02 993

03 378

04 838

I want to make changes in $SPLUNK_HOME/etc/apps//appserver/static/my.css so that
1. Row color for each custid is different.
2. for each custid I want to make one row as

custid EventID

            876

01 545

339

           876

02 993

03 378

The problem is that I know CSS but I don't know how to access value of CustID from simpleResultsTable and how to set row color on the basis of CustID value and group them together.
I have tried to go thru documentation but I did not find the solution:( Please help me.

Tags (1)
0 Karma
1 Solution

disha
Contributor

I am able to figure it out.
tr:nth-child(even) {
color: #000000;
background-color: #FFDEAD;
}
tr:nth-child(odd) {
color : #000000;
background-color: #FFDEAD;
}
Put this code in $Splunk_Home/etc/apps/myapp/appserver/static/name.css

Also displaying the rows group togeher based on the field value, I achieved by Splunk search
as | stats list(eventid) by custid.

View solution in original post

0 Karma

disha
Contributor

I am able to figure it out.
tr:nth-child(even) {
color: #000000;
background-color: #FFDEAD;
}
tr:nth-child(odd) {
color : #000000;
background-color: #FFDEAD;
}
Put this code in $Splunk_Home/etc/apps/myapp/appserver/static/name.css

Also displaying the rows group togeher based on the field value, I achieved by Splunk search
as | stats list(eventid) by custid.

0 Karma

disha
Contributor

My editing for showing the table is corrupted but summary is that I want to group together in one row for each custid and need different color for each customer id.
Thanks

0 Karma
Get Updates on the Splunk Community!

Observe and Secure All Apps with Splunk

  Join Us for Our Next Tech Talk: Observe and Secure All Apps with SplunkAs organizations continue to innovate ...

Splunk Decoded: Business Transactions vs Business IQ

It’s the morning of Black Friday, and your e-commerce site is handling 10x normal traffic. Orders are flowing, ...

Fastest way to demo Observability

I’ve been having a lot of fun learning about Kubernetes and Observability. I set myself an interesting ...