docs(grid): small updates on virtual columns docs. Added information on virtual columns in Grid Overview and Virtual Scrolling

Author: svdimitr

components/grid/columns/virtual.md

@@ -27,7 +27,7 @@ The targeted scenario is for a Grid with big number of columns, since the perfor
 To enable Virtualized Columns:
 
 1. Set the `ColumnVirtualization` parameter of the Grid to `true`.
-1. Set the `Width` parameter of all columns in `px` so that the total sum is greater than the `Width` of the Grid 
+1. Set the `Width` parameter of all columns in `px` so that the total sum is greater than the `Width` of the Grid
     * This will enable horizontal scrollbar which is required. You can read more about the scrolling behavior of the grid in the [Grid Column Width Behavior]({%slug grid-columns-width%}) article.
 1. Set the `RowHeight` so that the content of all cells fits in the row. For more information see the [Notes](#notes) section.
 1. Set the `Height` of the Grid in `px`. For more information see the [Notes](#notes) section.
@@ -121,7 +121,7 @@ To enable Virtualized Columns:
     * 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.
  * 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.
  * 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.
- 
+
 
 ## More Examples
 
@@ -130,7 +130,7 @@ The column virtualization can work together with other similar features in the g
 * [With Row Virtualization](#virtualized-columns-and-rows)
 * [With Automatically Generated Columns](#virtualized-autogenerated-columns)
 
-## Virtualized Columns and Rows
+### Virtualized Columns and Rows
 
 You can use Virtualized Columns and Rows together. More information on Virtual Rows can be found in the [Virtual Scrolling]({%slug components/grid/virtual-scrolling%}) article.
 
@@ -214,9 +214,9 @@ You can use Virtualized Columns and Rows together. More information on Virtual R
 
 ![gif of virtual columns](images/virtual-columns-rows.gif)
 
-## Virtualized Autogenerated Columns
+### Virtualized Autogenerated Columns
 
-Column virtualization is commonly used when you have many columns. You may not have to declare them yourself, the grid can do this for your through its [Automatically Generated Columns]({%slug grid-columns-automatically-generated%}) feature.
+Column virtualization is commonly used when you have many columns. You may not have to declare them yourself, the grid can do this for you through its [Automatically Generated Columns]({%slug grid-columns-automatically-generated%}) feature.
 
 >note In order to add Virtualized Autogenerated Columns, the `ColumnWidth` parameter must be set in pixels.
 

components/grid/overview.md

@@ -183,6 +183,8 @@ The grid offers two modes of scrolling through its `ScrollMode` parameter that t
 * `Scrollable` - the default setting - the scrollbars are controlled by the grid's `Width` and `Height` parameters and the data shown in it. If the rendered rows are taller than the height, there will be a vertical scrollbar. If the sum of the column widths is larger than the width, there will be a horizontal scrollbar (read more in the [Column Width]({%slug grid-columns-width%}) article).
 * `Virtual` - this enables [Virtual Scrolling]({%slug components/grid/virtual-scrolling%}).
 
+The Grid offers Virtual horizontal scrolling. You can read more about this feature in the [Column Virtualization]({%slug grid-columns-virtual%}) article.
+
 ## Frozen Columns
 
 The grid lets you freeze one or more columns. You can read more about this feature in the [Frozen columns]({%slug grid-columns-frozen%}) article.

components/grid/virtual-scrolling.md

@@ -14,6 +14,8 @@ Virtual scrolling is an alternative to paging. Instead of using a pager, the use
 
 The same set of elements is reused to improve performance. While the next data is loading, a loading indicator is shown on the cells. If the user scrolls back up after scrolling down to a next page, the previous page will be loaded anew from the data source, like with regular paging.
 
+You can also Virtually Scroll the Grid Columns. More information can be found in the [Column Virtualization]({%slug grid-columns-virtual%}) article.
+
 ## Requirements
 
 To enable virtual scrolling: