EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: sectioni on November 27, 2017, 08:01:19 AM



Title: Datagrid dynamic height
Post by: sectioni on November 27, 2017, 08:01:19 AM
https://jsfiddle.net/sectioni/d9t6nt8j/8/ (https://jsfiddle.net/sectioni/d9t6nt8j/8/)

Hello,

I would like the height of my datagrid to be:

1. If it has a lot of rows (like in the example) - it should be the height of it's container's 'max-height' css value
2. If it has a few rows - it should be the height of it's container's 'min-height' css value

In my example, I have set 'fit' to 'false' and it's not limiting itself to 'max-height'.
If I set it to 'true', it will set the height to the 'min-height' value which is not what I want.


Title: Re: Datagrid dynamic height
Post by: jarry on November 27, 2017, 06:50:21 PM
Just set the 'minHeight' and 'maxHeight' properties for the datagrid component.

https://jsfiddle.net/d9t6nt8j/9/