Skip to content

Commit caae995

Browse files
Integrated latest changes at 12-16-2024 4:30:18 PM
1 parent 88d64d0 commit caae995

File tree

1 file changed

+5
-4
lines changed

1 file changed

+5
-4
lines changed

ej2-react/grid/scrolling/virtual-scrolling.md

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ To set up row virtualization, you need to define the [enableVirtualization](http
2222

2323
The number of records displayed in the Grid is implicitly determined by the height of the content area. Additionally, you have an option to explicitly define the visible number of records using the [pageSettings.pageSize](https://ej2.syncfusion.com/react/documentation/api/grid/pageSettingsModel/#pagesize) property. The loaded data will be cached and reused when needed in the future.
2424

25-
The following example enable row virutalization using `enableVirtualization` and `height` property.
25+
The following example enable row virtualization using `enableVirtualization` and `height` property.
2626

2727
{% tabs %}
2828
{% highlight js tabtitle="App.jsx" %}
@@ -72,7 +72,7 @@ Column virtualization feature in the Syncfusion Grid that allows you to optimize
7272

7373
To enable column virtualization, you need to set the [enableColumnVirtualization](https://ej2.syncfusion.com/react/documentation/api/grid/#enablecolumnvirtualization) property of the Grid to **true**. This configuration instructs the Grid to only render the columns that are currently visible in the viewport.
7474

75-
The following example enable/disble using `enableColumnVirtualization` property based on a [Switch](https://ej2.syncfusion.com/react/documentation/switch/getting-started) component [change](https://ej2.syncfusion.com/react/documentation/api/switch/#change) event:
75+
The following example enable/disable using `enableColumnVirtualization` property based on a [Switch](https://ej2.syncfusion.com/react/documentation/switch/getting-started) component [change](https://ej2.syncfusion.com/react/documentation/api/switch/#change) event:
7676

7777
{% tabs %}
7878
{% highlight js tabtitle="App.jsx" %}
@@ -196,7 +196,8 @@ export default App;
196196
* While using column virtual scrolling, column width should be in pixel. Percentage values are not accepted.
197197
* Selected column details are only retained within the viewport. When the next set of columns is loaded, the selection for previously visible columns is lost.
198198
* While using column virtualization, fixed position applied only viewport column. If scroll the next set of column fixed position is removed.
199-
* The cell selection is not supported for column virtual scrolling
199+
* The cell selection is not supported for column virtual scrolling.
200+
* The **Ctrl + Home** and **Ctrl + End** keys are not supported when using column virtual scrolling.
200201
* The following features are compatible with column virtualization and work within the viewport:
201202
1. Column resizing
202203
2. Column reordering
@@ -342,4 +343,4 @@ In the following image, you can see how many records will be scrollable when set
342343

343344
### Solution 3: Using paging instead of virtual scrolling
344345

345-
Similar to virtual scrolling, the [paging](https://ej2.syncfusion.com/react/documentation/grid/paging) feature also loads the data in an on-demand concept. Pagination is also compatible with all the other features(Grouping, Editing, etc.) in Grid. So, use the paging feature instead of virtual scrolling to view a large number of records in the Grid without any kind of performance degradation or browser height limitation.
346+
Similar to virtual scrolling, the [paging](https://ej2.syncfusion.com/react/documentation/grid/paging) feature also loads the data in an on-demand concept. Pagination is also compatible with all the other features(Grouping, Editing, etc.) in Grid. So, use the paging feature instead of virtual scrolling to view a large number of records in the Grid without any kind of performance degradation or browser height limitation.

0 commit comments

Comments
 (0)