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!

Free Professional Services for .conf26 Attendees

This year at .conf26, we are doing something a little different. We are bringing the best minds from ...

Defend at Machine Speed: Your Guide to Security Sessions at .conf26

Splunk .conf26   With threats moving at machine speed and attack surfaces expanding across hybrid ...

Where Innovation Takes Flight: The Splunk4Aviation Flight Sim Lands at .conf26

If you hear someone at .conf26 shouting "gear down, GEAR DOWN" across the show floor, you have found us.  The ...