Dashboards & Visualizations

Table CSS customisation

DonBaldini
Path Finder

I've put the following CSS into html of the SPL 

#CustomisedTable1 thead{
visibility: hidden;
}

#CustomisedTable1 table tr.even td{
background: #5694ca !important;
}

#CustomisedTable1 th, td {
font-size:1vw !important;
font-weight: bold !important;
font-family: Arial, Helvetica, sans-serif !important;
}

The hidden table header and background colour have limited to the # id table but the font changes have applied across the board, can anyone advise how to limit those changes to just the designated table?

Thanks

Labels (2)
0 Karma
1 Solution

livehybrid
SplunkTrust
SplunkTrust

Hi @DonBaldini 

This is because you are applying it to #CustomisedTable1 th AND td 

This is due to the comma. If you just want to apply to the td within the th then remove the comma. This should resolve the issue.

 

...
#CustomisedTable1 th td {
...

 

 

🌟 Did this answer help you? If so, please consider:

    • Adding karma to show it was useful
    • Marking it as the solution if it resolved your issue
    • Commenting if you need any clarification

Your feedback encourages the volunteers in this community to continue contributing.

View solution in original post

ITWhisperer
SplunkTrust
SplunkTrust

Remove the comma after th

livehybrid
SplunkTrust
SplunkTrust

Hi @DonBaldini 

This is because you are applying it to #CustomisedTable1 th AND td 

This is due to the comma. If you just want to apply to the td within the th then remove the comma. This should resolve the issue.

 

...
#CustomisedTable1 th td {
...

 

 

🌟 Did this answer help you? If so, please consider:

    • Adding karma to show it was useful
    • Marking it as the solution if it resolved your issue
    • Commenting if you need any clarification

Your feedback encourages the volunteers in this community to continue contributing.

DonBaldini
Path Finder

Thanks, this set me on the way to the fix, removing the comma broke it completely but then got the results I wanted by removing th

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!

The Data Connection - October 2026

We all have data. Lots of it. But that’s not the problem – it’s understanding what we should we do with it, ...

Beyond the Acceleration Zone: Maximizing Your Success with Splunk Customer Experience ...

Customer success is built on tailored guidance and accessible resources. As a Splunk user, you are encouraged ...

Make your Splunk investment work harder with Optimization Advisor

Value Insights brings usage evidence and practical recommendations together to help customers make more ...