Hi all,
I'm building app that has some screens with Data Grid.
As user requires, those screens need to show as many records as possible.Therefore I'm setting the height of the Grids as high as possible, but not as high as scroll bar appears (because if it appears, there will be two scroll bar both inside and outside of the Data Grid, which makes it a bit messed up).
However, screen height for each user is not the same, depending on their configuration and settings (e.g. shortcut bar is on/off, download list is shown on bottom, etc...).
So I want those Grids' (or its containers') height to be automatically stretched to user's screen height.
Is there any ways to achieve this goal?
Thanks in advance.
Hi Shinichiro,
You can use Columns Optional Setting of data grid for Particular columns in that you can assign the height and width as well according to desire screen size.
Hi Anant,
Thank you for your answer.
I assume you are talking about Column Optional Config in column widget of Data Grid, but I can't find any of height settings in it (I can find width though).
Besides, what I want to adjust is the height of entire Data Grid, not each columns inside.
Could you provide screenshot or other thing to show me where I can find it?
Correct me if I'm wrong.
Best Regards,
Shinichiro
I encountered some issues with other solutions found on this forum: an annoying double scroll, and when I removed it (overflow-y), my pagination disappeared. Here's what worked for me:
.wj-control.wj-content.wj-flexgrid { height: auto !important;max-height: 100%;min-height: 100%; }.datagrid-autogenerate {height: auto !important;}.osui-tabs__content-item{overflow-y:hidden;}.datagrid-pagination {margin-top: -10px !important;}
If you don't want pagination, don't use the last part and just set 'ServerSidePagination' to "True" in the properties, and it will work just fine. :)
My results:
That worked for me! Thank you, Filipa!