Skip to content

Commit 516cda5

Browse files
committed
chore(grid): improvements on Virtualized Columns article
1 parent ce8ddcc commit 516cda5

File tree

1 file changed

+12
-7
lines changed

1 file changed

+12
-7
lines changed

components/grid/columns/virtual.md

Lines changed: 12 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -14,8 +14,8 @@ The Telerik Blazor Grid provides Virtual Scrolling for its Columns. This means t
1414

1515
This article provides the following sections:
1616
* [Basics](#basics)
17-
* [Limitations](#limitations)
1817
* [Notes](#notes)
18+
* [Limitations](#limitations)
1919
* [More Examples](#more-examples)
2020
* [Virtualized Columns and Rows](#virtualized-columns-and-rows)
2121
* [Virtualized Autogenerated Columns](#virtualized-autogenerated-columns)
@@ -116,17 +116,22 @@ To enable Virtualized Columns:
116116
![gif of virtual columns](images/virtual-columns-basic.gif)
117117

118118

119-
## Limitations
120-
121-
* Virtualized and [Frozen]({%slug grid-columns-frozen%}) are not supported to work together. The idea behind freezing some columns is so that they are visible at all time disregarding their position in the Grid. The Virtualized Columns, on the other hand, render only the columns for the current Grid viewport.
122119

123120
## Notes
124121

125-
* The `RowHeight` must accommodate the height of all the possible cells and their content in order to ensure good appearance. If certain cells that are not rendered have content that is taller than the rendered ones, you may experience glitches and unstable scrolling.
122+
* The `RowHeight` must accommodate the height of all the possible cells and their content in order to ensure good appearance. If certain cells that are not rendered have content that is taller than the rendered ones, you may experience glitches and unstable scrolling.
126123
* If the row/cell height the browser would render is larger than the `RowHeight` value due to the cell contents, the browser will ignore the `RowHeight`. The actual cell height can depend on the chosen Theme or other CSS rules, or on cell data that falls on more than one line. Inspect the rendered HTML to make sure the grid setting matches the rendering.
127-
* The `Height` of the Grid must be explicitly set in `px`. By default the Height is set by the browser depending on the contents. When a new column is rendered during horizontal scrolling, it might increase or decrease the vertical size of the row and cause issues with the rendering and abnormal visual behavior for the users.
128-
* Rendering the Virtual Columns in Client-side Blazor Applications is slower due to the Framework rendering limitations. In the Server-side Applications this issue is not present.
124+
* The `Height` of the Grid must be explicitly set in `px`. By default the Height is set by the browser depending on the contents. When a new column is rendered during horizontal scrolling, it might increase or decrease the vertical size of the row and cause issues with the rendering and abnormal visual behavior for the users.
125+
* Rendering the Virtual Columns in Client-side Blazor Applications is slower due to the Framework rendering limitations. In the Server-side Applications this issue is not present.
126+
127+
128+
## Limitations
129+
130+
The Virtualized Columns are a feature for improving the responsiveness and performance of the Grid in cases when the data model has a lot of properties and the volume of columns is large.
131+
132+
List of known limitations of the Virtualized columns:
129133

134+
* [Frozen]({%slug grid-columns-frozen%}) columns are not supported.
130135

131136
## More Examples
132137

0 commit comments

Comments
 (0)