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!

.conf24 | Registration Open!

Hello, hello! I come bearing good news: Registration for .conf24 is now open!   conf is Splunk’s rad annual ...

ICYMI - Check out the latest releases of Splunk Edge Processor

Splunk is pleased to announce the latest enhancements to Splunk Edge Processor.  HEC Receiver authorization ...

Introducing the 2024 SplunkTrust!

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