Getting Data In

Header Coloring and coloring of cell using java script

Rukmani_Splunk
Path Finder

Hi All,
I am having table, whose cell coloring is done based on the condition . So i have a java script which brings me the color coding of the cell,
I need a specific color for the header of the table. how can i achieve If i a css how can i pass two ids to a table ?please help me

0 Karma

jinseong
Path Finder

Hi,

rk .splunk-table .shared-resultstable-resultstableheader

     {
       position: fixed !important;
       top: 290px !important;
       width: 97.7%;
       background-color: #e1e6eb;
       z-index: 4;  
     }

Look at the css code above.
Where rk is the table ID. Edit the header color by adding ID to your table in xml and putting css directly into xml

0 Karma

niketn
Legend

@Rukmani_Splunk if you know the Table Header name it can be directly applied through Simple XML CSS Extension. Refer to answer: https://answers.splunk.com/answers/593399/column-headers-color.html

If your Table column names are dynamic you would have to apply color through JS. Refer to another one of my answers: https://answers.splunk.com/answers/612296/how-to-change-the-header-color-dynamically-using-j.html

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma
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!

Manage Edge Processor pipelines end to end with APIs

This guide uses the Data Management APIs to create an Edge Processor, onboard one instance, deploy a pipeline ...

Splunk Brings Proof of Control to Digital Asset Transfers

Digital assets now sit inside the core of financial services. HSBC launched its Tokenized Deposit Service in ...

Manage Ingest Processor pipelines end to end with APIs

This guide uses the Data Management APIs to create an Ingest Processor pipeline, deploy it to the ...