Dashboards & Visualizations
cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Search instead for 
Did you mean: 
Ask a Question
Solved! Jump to solution

Change the font type to Bold for one particular table

nagar57
Communicator
‎05-30-2020 05:55 AM

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)
Labels
0 Karma
Reply
1 Solution
Solved! Jump to solution
Solution

vnravikumar
Champion
‎05-30-2020 07:20 AM

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
Reply
Solved! Jump to solution

niketn
Legend
‎05-30-2020 07:25 AM

@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!!!"
Reply
Solved! Jump to solution
Solution

vnravikumar
Champion
‎05-30-2020 07:20 AM

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
Reply
Get Updates on the Splunk Community!

Tips & Tricks When Using Ingest Actions

Tune in to learn about:Large scale architecture when using Ingest ActionsRegEx performance considerations ...

Announcing Our Splunk MVPs

We are excited to announce the first cohort of the Splunk MVP program. Splunk MVPs are passionate members of ...

Dashboard Studio Challenge - Learn New Tricks, Showcase Your Skills, and Win Prizes!

Reimagine what you can do with your dashboards. Dashboard Studio is Splunk’s newest dashboard builder to ...