How to change table height to make it static?

LearningGuy · ‎06-16-2023

How to change table height to make it static?
So I have a table and below it there is another table.
The height of the table depends on how many rows it display. I only can adjust rows per page, but it does not look good because it will shrink and expand. I want to make it a static height that fit max number of row that I set, so it doesn't shrink and expand.
Please help. Thanks

kamlesh_vaghela · ‎06-16-2023

@LearningGuy

You can achieve by CSS. Check below sample table & css code.

<row>
    <panel id="panel123">
      <table id="table123">
        <search>
          <query>| makeresults count=100 | eval count=1 | accum count | eval SID = count | eval data="A
          B
          C" </query>
          <earliest>-1w@w1</earliest>
          <latest>@w1</latest>
        </search>
        <option name="drilldown">row</option>
        <option name="refresh.display">progressbar</option>
        <drilldown>
          <condition></condition>
        </drilldown>
      </table>
    </panel>
  </row>
  <row depends="$hideMe$">
    <panel>
      <html>
        <style>
          .table [data-view="views/shared/ReportVisualizer"] {
          overflow: scroll !important;
          height: 400px !important;
          }
          
        </style>
      </html>
    </panel>
  </row>

Thanks
KV
If any of my replies help you to solve the problem Or gain knowledge, an upvote would be appreciated.

How to change table height to make it static?

table

Tech Talk Recap | Mastering Threat Hunting

Observability for AI Applications: Troubleshooting Latency

Splunk AI Assistant for SPL vs. ChatGPT: Which One is Better?

Are you a member of the Splunk Community?

How to change table height to make it static?

table

Tech Talk Recap | Mastering Threat Hunting

Observability for AI Applications: Troubleshooting Latency

Splunk AI Assistant for SPL vs. ChatGPT: Which One is Better?