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!

Accelerating Observability as Code with the Splunk AI Assistant

We’ve seen in previous posts what Observability as Code (OaC) is and how it’s now essential for managing ...

Integrating Splunk Search API and Quarto to Create Reproducible Investigation ...

 Splunk is More Than Just the Web Console For Digital Forensics and Incident Response (DFIR) practitioners, ...

Congratulations to the 2025-2026 SplunkTrust!

Hello, Splunk Community! We are beyond thrilled to announce our newest group of SplunkTrust members!  The ...