Skip to content

Commit b9cffa1

Browse files
docs(grid): browser behavior on row height
1 parent aa4e809 commit b9cffa1

File tree

1 file changed

+1
-0
lines changed

1 file changed

+1
-0
lines changed

components/grid/virtual-scrolling.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -80,6 +80,7 @@ To enable virtual scrolling:
8080
There are several things to keep in mind when using virtual scrolling:
8181

8282
* The `RowHeight` is a decimal value that is always considered as pixel values. If you use [row emplate]({%slug components/grid/features/templates%}#row-template), make sure it matches the `RowHeight`. The `Height` does not have to be in pixels, but it may help you calculate the `PageSize` (see below).
83+
* If the row/cell height the browser would render is larger than the `RowHeight` value, the browser will ignore it. It can depend on the chosen Theme or other CSS rules, or on cell data that falls on more than one row. Inspect the rendered HTML to make sure the grid setting matches the rendering.
8384
* Do not mix virtualization with paging, as they are alternatives to the same feature.
8485
* Provide for a `PageSize` of the Grid that is large enough, so that the loaded table rows do not fit in the scrollable data area, otherwise the vertical virtual scrollbar will not be created and scrolling will not work. To do this, take into account the `Height` of the grid and the `RowHeight`.
8586
* You can control how many rows are rendered through the `PageSize`. If performance does not suit your needs, tweak mostly that property (for example, if latency is high - fetch larger chunks of data so that a remote service is called less often; or when the browser is responding slowly, decrease the page size to render fewer DOM elements).

0 commit comments

Comments
 (0)