Merge pull request #1278 from IgniteUI/ganastasov/tree-grid-paging-topic

Add tree grid paging topic
IgniteUI · Jun 5, 2024 · f033c1e · f033c1e
2 parents 584d5bb + bcf4813
commit f033c1e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/doc/en/components/grids/_shared/paging.md b/doc/en/components/grids/_shared/paging.md
@@ -34,7 +34,7 @@ The following example represents `{ComponentName}` pagination and exposes the op
 <!-- end: Angular -->
 
 ```razor
-<{ComponentSelector} @ref=grid Width="100%" Height="500px" Data=marketData DisplayDensity="DisplayDensity.Cosy">
+<{ComponentSelector} @ref=grid Width="100%" Height="500px" Data=Data DisplayDensity="DisplayDensity.Cosy">
     <IgbPaginator PerPage="10"></IgbPaginator>
 </{ComponentSelector}>
 ```
@@ -102,12 +102,13 @@ The `Paginator` component is used along with the `{ComponentName}` component in
 <!-- end: Angular -->
 
 ```razor
-<{ComponentSelector} @ref=grid Data=marketData DisplayDensity="DisplayDensity.Compact">
+<{ComponentSelector} @ref=grid Data=Data DisplayDensity="DisplayDensity.Compact">
     <IgbPaginator Page="grid.Page" TotalRecords="grid.TotalRecords" PerPage="10" DisplayDensity="grid.DisplayDensity">
     </IgbPaginator>
 </{ComponentSelector}>
 ```
 
+<!-- WebComponents -->
 ```html
 <{ComponentSelector} id="grid">
     <igc-paginator id="paginator" per-page="10">
@@ -117,7 +118,7 @@ The `Paginator` component is used along with the `{ComponentName}` component in
 
 ```ts
 constructor() {
-    var grid = this.grid = document.getElementById('grid') as IgcGridComponent;
+    var grid = this.grid = document.getElementById('grid') as {ComponentName};
     var paginator = this.paginator = document.getElementById('paginator') as IgcPaginatorComponent;
     const selectOptions = [5, 15, 20, 50];
     grid.data = this.data;
@@ -127,6 +128,7 @@ constructor() {
     paginator.displayDensity = grid.displayDensity;
 }
 ```
+<!-- end: WebComponents -->
 
 ```tsx
 const selectOptions = [5, 15, 20, 50];
@@ -395,7 +397,7 @@ Don't forget to include the themes in the same way as it was demonstrated above.
 
 ## Additional Resources
 
-<!-- ComponentStart:  Grid -->
+<!-- ComponentStart:  Grid, TreeGrid -->
 
 <!-- * [Paginator](../paginator.md) -->
 * [Virtualization and Performance](virtualization.md)
@@ -406,7 +408,8 @@ Don't forget to include the themes in the same way as it was demonstrated above.
 * [Column Pinning](column-pinning.md)
 * [Column Resizing](column-resizing.md)
 * [Selection](selection.md)
-<!-- ComponentEnd:  Grid -->
+
+<!-- ComponentEnd:  Grid, TreeGrid -->
 
 Our community is active and always welcoming to new ideas.
 

diff --git a/docfx/en/components/toc.json b/docfx/en/components/toc.json
@@ -741,10 +741,10 @@
         "status": ""
       },
       {
-        "exclude": ["Angular", "React", "WebComponents", "Blazor"],
+        "exclude": ["Angular"],
         "name": "Paging",
         "href": "grids/tree-grid/paging.md",
-        "status": ""
+        "status": "NEW"
       },
       {
         "exclude": ["Angular", "React", "WebComponents", "Blazor"],