docs(grid): Wording changes and additional information in the Notes section

Author: svdimitr

components/grid/columns/virtual.md

@@ -1,5 +1,5 @@
 ---
-title: Virtual
+title: Virtualized
 page_title: Grid for Blazor | Virtual Columns
 description: How to add virtual columns to a scrollable Grid.
 slug: grid-columns-frozen
@@ -10,13 +10,14 @@ position: 5
 
 # Virtual Columns
 
-The Grid lets you add Virtual Columns. This means that columns will be rendered only for the currently visible viewport and data will be loaded just for them.
+The Grid lets you add Virtualized Columns. This means that columns and the corresponding data will be rendered only for the currently visible viewport. When changing the [Page]({%slug components/grid/features/paging%}) or [Sorting]({%slug components/grid/features/sorting%}) the Grid less elements are rendered which improves the responsiveness and the overall user experience.
 
 ## Requirements
-To enable Virtual Columns:
+To enable Virtualized Columns:
 * Set the `ColumnVirtualization` parameter of the Grid to `true`.
 * Set the `Width` parameter of all columns in `px` so that the total sum is greater than the `Width` of the Grid which will enable horizontal scrollbar. You can read more about the scrolling behavior of the grid in the [Grid Column Width Behavior]({%slug grid-columns-width%}) article.
-* Set the `RowHeight` parameter so that the content fits. For more information see the [Notes](#notes) section.
+* Set the `RowHeight` so that the content of all cells fit in the row. For more information see the [Notes](#notes) section.
+* Set the `Height` of the Grid in `px`. For more information see the [Notes](#notes) section.
 
 
 This article will be separated in the following sections:
@@ -32,12 +33,12 @@ The targeted scenario is for Grid with big volume of columns, since the performa
 
 >caption Basic setup of the Virtual Columns
 
-
 ````CSHTML
 @*Observe the behavior of the Grid with enabled ColumnVirtualization*@
 
 <TelerikGrid Data="@MyData"
              Width="800px"
+             Height="400px"
              RowHeight="65"
              ColumnVirtualization="true"
              Pageable="true" PageSize="5">
@@ -113,9 +114,9 @@ The targeted scenario is for Grid with big volume of columns, since the performa
 
 ## Virtual Columns and Rows
 
-To use Virual Columns and Rows together you need to set `Height` parameter of the Grid. More information on Virtual Rows can be found in the [Virtual Scrolling]({%slug components/grid/virtual-scrolling%}) article.
+To use Virtualized Columns and Rows together you need to set `Height` parameter of the Grid as well. More information on Virtual Rows can be found in the [Virtual Scrolling]({%slug components/grid/virtual-scrolling%}) article.
 
->caption Use Virtual Columns and Rows together
+>caption Use Virtualized Columns and Rows together
 
 ````CSHTML
 @*Observe the behavior of the Grid with Virtual Rows and Columns*@
@@ -199,7 +200,7 @@ To use Virual Columns and Rows together you need to set `Height` parameter of th
 
 ## Virtual Autogenerated Columns
 
-In order to add Virtual Autogenerated Columns, the `ColumnWidth` parameter must be set. For more information on Autogenerated columns you can read the [Automatically Generated Columns]({%slug grid-columns-automatically-generated%}) article.
+In order to add Virtualized Autogenerated Columns, the `ColumnWidth` parameter must be set. For more information on Autogenerated columns you can read the [Automatically Generated Columns]({%slug grid-columns-automatically-generated%}) article.
 
 ````CSHTML
 @*Grid with Virtual Autogenerated Columns*@
@@ -292,10 +293,11 @@ In order to add Virtual Autogenerated Columns, the `ColumnWidth` parameter must
 ![gif of virtual columns](images/virtual-columns-autogenerated.gif)
 
 ## Notes
- * Rendering the Virtual Columns in Client-side Blazor Applications is slower due to the Framework rendering performance. In the Server-side Applications this issue is not present.
- * Setting `RowHeight` and `Height` is required because the grid could be dynamically resized during scrolling due to the way HTML handles with dynamic content.
+ * 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.
+ * 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. 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.
+ * The `Height` of the Grid must be explicitly set in `px`. By default the Height is calculated. When a new row is rendered during horizontal scrolling it might increase the horizonal size of the Grid and cause issues with the rendering and abnormal visual behavior for the users.
+
 
- 
 ## See also
  * [Live demo: Virtual Columns](https://demos.telerik.com/blazor-ui/grid/virtual-columns)
  * [Virtual Scrolling]({%slug components/grid/virtual-scrolling%})