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

Get Updates on the Splunk Community!

AI for AppInspect

We’re excited to announce two new updates to AppInspect designed to save you time and make the app approval ...

App Platform's 2025 Year in Review: A Year of Innovation, Growth, and Community

As we step into 2026, it’s the perfect moment to reflect on what an extraordinary year 2025 was for the Splunk ...

Operationalizing Entity Risk Score with Enterprise Security 8.3+

Overview Enterprise Security 8.3 introduces a powerful new feature called “Entity Risk Scoring” (ERS) for ...