You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: ej2-react/grid/scrolling/virtual-scrolling.md
+5-4Lines changed: 5 additions & 4 deletions
Original file line number
Diff line number
Diff line change
@@ -22,7 +22,7 @@ To set up row virtualization, you need to define the [enableVirtualization](http
22
22
23
23
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.
24
24
25
-
The following example enable row virutalization using `enableVirtualization` and `height` property.
25
+
The following example enable row virtualization using `enableVirtualization` and `height` property.
26
26
27
27
{% tabs %}
28
28
{% highlight js tabtitle="App.jsx" %}
@@ -72,7 +72,7 @@ Column virtualization feature in the Syncfusion Grid that allows you to optimize
72
72
73
73
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.
74
74
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:
76
76
77
77
{% tabs %}
78
78
{% highlightjstabtitle="App.jsx" %}
@@ -196,7 +196,8 @@ export default App;
196
196
* While using column virtual scrolling, column width should be in pixel. Percentage values are not accepted.
197
197
* 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.
198
198
* 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.
200
201
* The following features are compatible with column virtualization and work within the viewport:
201
202
1. Column resizing
202
203
2. Column reordering
@@ -342,4 +343,4 @@ In the following image, you can see how many records will be scrollable when set
342
343
343
344
### Solution 3: Using paging instead of virtual scrolling
344
345
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 viewa 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 viewa large number of records in the Grid without any kind of performance degradation or browser height limitation.
0 commit comments