Dashboards & Visualizations

Change the font type to Bold for one particular table

nagar57
Communicator

I have multiple tables in my dashboard. I want to change the font for one particular table.

I tried the below CSS but it is changing the font of all the tables in the Dashboard.

#all_req_table .table th, .table td {
            text-align: left !important;
            font-weight: bold !important;
          }

I want the font type to bold only for table with id="all_req_table"

Labels (1)
0 Karma
1 Solution

vnravikumar
Champion

Hi

Check this

<dashboard>
  <label>tablr</label>
  <row depends="$hide$">
    <html>
        <style>
          #table1 .table th,#table1  .table td {
             text-align: left !important;
             font-weight: bold !important;
           }

        </style>
      </html>
  </row>
  <row>
    <panel>

      <table id="table1">
        <search>
          <query>index="_internal" |stats count by sourcetype</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
        </search>
        <option name="drilldown">none</option>
      </table>
    </panel>
  </row>
  <row>
    <panel>

      <table id="table2">
        <search>
          <query>index="_internal" |stats count by source</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
        </search>
        <option name="drilldown">none</option>
      </table>
    </panel>
  </row>
</dashboard>

View solution in original post

0 Karma

niketn
Legend

@nagar57 please try the following ... you missed adding table id #all_req_table to .table td

#all_req_table .table th, 
#all_req_table .table td {
    text-align: left !important;
    font-weight: bold !important;
}
____________________________________________
| makeresults | eval message= "Happy Splunking!!!"

vnravikumar
Champion

Hi

Check this

<dashboard>
  <label>tablr</label>
  <row depends="$hide$">
    <html>
        <style>
          #table1 .table th,#table1  .table td {
             text-align: left !important;
             font-weight: bold !important;
           }

        </style>
      </html>
  </row>
  <row>
    <panel>

      <table id="table1">
        <search>
          <query>index="_internal" |stats count by sourcetype</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
        </search>
        <option name="drilldown">none</option>
      </table>
    </panel>
  </row>
  <row>
    <panel>

      <table id="table2">
        <search>
          <query>index="_internal" |stats count by source</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
        </search>
        <option name="drilldown">none</option>
      </table>
    </panel>
  </row>
</dashboard>
0 Karma
Get Updates on the Splunk Community!

Data Management Digest – December 2025

Welcome to the December edition of Data Management Digest! As we continue our journey of data innovation, the ...

Index This | What is broken 80% of the time by February?

December 2025 Edition   Hayyy Splunk Education Enthusiasts and the Eternally Curious!    We’re back with this ...

Unlock Faster Time-to-Value on Edge and Ingest Processor with New SPL2 Pipeline ...

Hello Splunk Community,   We're thrilled to share an exciting update that will help you manage your data more ...