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
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.