topic Re: Change the font type to Bold for one particular table in Dashboards & Visualizations

Change the font type to Bold for one particular table

nagar57 — Wed, 30 Sep 2020 05:34:57 GMT

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"

Re: Change the font type to Bold for one particular table

vnravikumar — Sat, 30 May 2020 14:20:26 GMT

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>

Re: Change the font type to Bold for one particular table

niketn — Sat, 30 May 2020 14:25:54 GMT

@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;
}