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!

What the End of Support for Splunk Add-on Builder Means for You

Hello Splunk Community! We want to share an important update regarding the future of the Splunk Add-on Builder ...

Solve, Learn, Repeat: New Puzzle Channel Now Live

Welcome to the Splunk Puzzle PlaygroundIf you are anything like me, you love to solve problems, and what ...

Building Reliable Asset and Identity Frameworks in Splunk ES

 Accurate asset and identity resolution is the backbone of security operations. Without it, alerts are ...