As the grid height exceeds the height of the browser, you will need to use the browser vertical scroll to view data (or the iFrames scroll if you are looking at the example embedded below).As you set different numbers of rows into the grid, the grid will resize it's height to just fit the rows.The example below demonstrates the autoHeight feature. The grid as normal and the grid's row virtualisation will take care of this problem Large amounts of data, it is not advisable to use Grid Auto Height. On how much data they can easily display on one web page. This is not a problem with the grid, it is a limitation on browsers
Rows) the draw time of the grid will be slow, or for very large grids, your applicationĬan freeze. Rows that are visible inside the grid's scrollable viewport. This is different to normal operation where the grid will only render If using Grid Auto Height, then the grid will render all rows
When auto height is off then your application should set height on the grid div, as the grid will fill the div you provide it. When domLayout='autoHeight' then your application should not set height on the grid div, as the div should be allowed flow naturally to fit the grid contents. To allow the grid to auto-size it's height to fit rows, set grid property domLayout='autoHeight'. This is useful if you have relatively few rows and don't want empty space between the last row and the bottom of the grid. This layout is explained in Printing.ĭepending on your scenario, you may wish for the grid to auto-size it's height to the number of rows displayed inside the grid. print: No scroll bars are used and the grid renders all rows and columns.Note that if using this with the SSRM the grid will attempt to load every row and may cause undesired side-effects (such as excessive datasource requests or too many loaded rows). autoHeight: The grid's height is set to fit the number of rows so no vertical scrollbar is provided by the grid.
The grid fits the width and height of the div you provide and scrolls in both directions. normal: This is the default if nothing is specified.There are three DOM Layout values the grid can have 'normal', 'autoHeight' and 'print'.
0 kommentar(er)
