Re: 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

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

[Puzzles] Solve, Learn, Repeat: Character substitutions with Regular Expressions

Splunk Community Badges!

[Puzzles] Solve, Learn, Repeat: Matching cron expressions

Join the Conversation