Skip to content

Commit 2ffe63e

Browse files
author
alansangeeths
authored
Merge pull request #3764 from syncfusion-content/932741-Virtualization-Ug
932741: Added Limitations to Row virtualization and column virtualization seperately
2 parents 3aa95f9 + 0f749b0 commit 2ffe63e

File tree

2 files changed

+93
-35
lines changed

2 files changed

+93
-35
lines changed

‎ej2-asp-core-mvc/tree-grid/EJ2_ASP.MVC/virtual-scroll.md

Lines changed: 47 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,29 @@ Expand and Collapse state of any child record will be persisted.
4444
{% endtabs %}
4545
{% endif %}
4646

47-
47+
### Limitations
48+
49+
* Row virtual scrolling is not compatible with the following feature
50+
1. Batch editing
51+
2. Detail template
52+
3. Row template
53+
4. Rowspan
54+
5. Autofill
55+
56+
* It is necessary to set a static height for the component or its parent container when using row virtualization. The 100% height will work only if the component height is set to 100%, and its parent container has a static height.
57+
58+
* When row virtual scrolling is activated, compatibility for copy-paste and drag-and-drop operations is limited to the data items visible in the current viewport of the tree grid.
59+
* The cell-based selection is not supported for row virtual scrolling.
60+
* Using different row heights with a template column, when the template height differs for each row, is not supported.
61+
* Due to the element height limitation in browsers, the maximum number of records loaded by the tree grid is limited by the browser capability.
62+
* The height of the tree grid content is calculated using the row height and total number of records in the data source and hence features which changes row height such as text wrapping are not supported.
63+
* If you want to increase the row height to accommodate the content then you can specify the row height as below to ensure all the table rows are in same height.
64+
65+
```css
66+
.e-treegrid .e-row {
67+
height: 2em;
68+
}
69+
```
4870

4971
## Column Virtualization
5072

@@ -81,21 +103,28 @@ N> Column's `Width` is required for column virtualization. If column's width is
81103

82104

83105

84-
## Limitations for Virtualization
85-
86-
* Due to the element height limitation in browsers, the maximum number of records loaded by the treegrid is limited by the browser capability.
87-
* Cell selection will not be persisted in row.
88-
* Virtual scrolling is not compatible with detail template, clipboard functionality and row drag and drop features.
89-
* The page size provided must be two times larger than the number of visible rows in the TreeGrid. If the page size is failed to meet this condition then the size will be determined by TreeGrid.
90-
* The virtual height of the treegrid content is calculated using the row height and total number of records in the data source and hence features which changes row height such as text wrapping are not supported. If you want to increase the row height to accommodate the content then you can specify the row height as below to ensure all the table rows are in same height.
91-
92-
```css
93-
.e-treegrid .e-row {
94-
height: 2em;
95-
}
96-
```
97-
98-
* Programmatic selection using the **SelectRows** method is not supported in virtual scrolling.
99-
* When virtualization is active in a tree grid, the editCell method is unusable for records outside the currently visible viewport.
100-
106+
### Limitations
107+
108+
* While using column virtual scrolling, column width should be in pixel. Percentage values are not accepted.
109+
* 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.
110+
* The cell selection is not supported for column virtual scrolling.
111+
* The **Ctrl + Home** and **Ctrl + End** keys are not supported when using column virtual scrolling.
112+
* The following features are compatible with column virtualization and works only within the viewport:
113+
1. Column resizing
114+
2. Column reordering
115+
3. Auto-fit
116+
4. Print
117+
5. Clipboard
118+
6. Column menu - Column chooser, AutofitAll
119+
120+
* Column virtual scrolling is not compatible with the following feature
121+
1. Colspan
122+
2. Batch editing
123+
3. Column with infinite scrolling
124+
4. Stacked header
125+
5. Row template
126+
6. Detail template
127+
7. Autofill
128+
8. Column chooser
129+
101130
N> You can refer to our [`ASP.NET MVC Tree Grid`](https://www.syncfusion.com/aspnet-mvc-ui-controls/tree-grid) feature tour page for its groundbreaking feature representations. You can also explore our [`ASP.NET MVC Tree Grid example`](https://ej2.syncfusion.com/aspnetmvc/TreeGrid/Overview#/material) to knows how to present and manipulate data.

‎ej2-asp-core-mvc/tree-grid/EJ2_ASP.NETCORE/virtual-scroll.md

Lines changed: 46 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,29 @@ Expand and Collapse state of any child record will be persisted.
4444
{% endtabs %}
4545
{% endif %}
4646

47-
47+
### Limitations
48+
49+
* Row virtual scrolling is not compatible with the following feature
50+
1. Batch editing
51+
2. Detail template
52+
3. Row template
53+
4. Rowspan
54+
5. Autofill
55+
56+
* It is necessary to set a static height for the component or its parent container when using row virtualization. The 100% height will work only if the component height is set to 100%, and its parent container has a static height.
57+
58+
* When row virtual scrolling is activated, compatibility for copy-paste and drag-and-drop operations is limited to the data items visible in the current viewport of the tree grid.
59+
* The cell-based selection is not supported for row virtual scrolling.
60+
* Using different row heights with a template column, when the template height differs for each row, is not supported.
61+
* Due to the element height limitation in browsers, the maximum number of records loaded by the tree grid is limited by the browser capability.
62+
* The height of the tree grid content is calculated using the row height and total number of records in the data source and hence features which changes row height such as text wrapping are not supported.
63+
* If you want to increase the row height to accommodate the content then you can specify the row height as below to ensure all the table rows are in same height.
64+
65+
```css
66+
.e-treegrid .e-row {
67+
height: 2em;
68+
}
69+
```
4870

4971
## Column Virtualization
5072

@@ -81,21 +103,28 @@ N> Column's `Width` is required for column virtualization. If column's width is
81103

82104

83105

84-
## Limitations for Virtualization
85-
86-
* Due to the element height limitation in browsers, the maximum number of records loaded by the treegrid is limited by the browser capability.
87-
* Cell selection will not be persisted in row.
88-
* Virtual scrolling is not compatible with detail template, clipboard functionality, Batch editing and row drag and drop features.
89-
* The page size provided must be two times larger than the number of visible rows in the TreeGrid. If the page size is failed to meet this condition then the size will be determined by TreeGrid.
90-
* The virtual height of the treegrid content is calculated using the row height and total number of records in the data source and hence features which changes row height such as text wrapping are not supported. If you want to increase the row height to accommodate the content then you can specify the row height as below to ensure all the table rows are in same height.
91-
92-
```css
93-
.e-treegrid .e-row {
94-
height: 2em;
95-
}
96-
```
97-
98-
* Programmatic selection using the **selectRows** method is not supported in virtual scrolling.
99-
* When virtualization is active in a tree grid, the editCell method is unusable for records outside the currently visible viewport.
106+
### Limitations
107+
108+
* While using column virtual scrolling, column width should be in pixel. Percentage values are not accepted.
109+
* 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.
110+
* The cell selection is not supported for column virtual scrolling.
111+
* The **Ctrl + Home** and **Ctrl + End** keys are not supported when using column virtual scrolling.
112+
* The following features are compatible with column virtualization and works only within the viewport:
113+
1. Column resizing
114+
2. Column reordering
115+
3. Auto-fit
116+
4. Print
117+
5. Clipboard
118+
6. Column menu - Column chooser, AutofitAll
119+
120+
* Column virtual scrolling is not compatible with the following feature
121+
1. Colspan
122+
2. Batch editing
123+
3. Column with infinite scrolling
124+
4. Stacked header
125+
5. Row template
126+
6. Detail template
127+
7. Autofill
128+
8. Column chooser
100129

101130
N> You can refer to our [`ASP.NET Core Tree Grid`](https://www.syncfusion.com/aspnet-core-ui-controls/tree-grid) feature tour page for its groundbreaking feature representations. You can also explore our ASP.NET Core Tree Grid example [`ASP.NET Core Tree Grid example`](https://ej2.syncfusion.com/aspnetcore/TreeGrid/Overview#/material) to knows how to present and manipulate data.

0 commit comments

Comments
 (0)