Add tree grid row pinning topic

IgniteUI · Apr 19, 2024 · 0971850 · 0971850
1 parent a579dbf
commit 0971850
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/doc/en/components/grids/_shared/row-pinning.md b/doc/en/components/grids/_shared/row-pinning.md
@@ -232,15 +232,15 @@ grid.pinning = { rows: RowPinningPosition.Bottom };
     }
 ```
 
-<!-- ComponentStart: Grid, HierarchicalGrid -->
+<!-- ComponentStart: Grid, TreeGrid, HierarchicalGrid -->
 ```tsx
-    <{ComponentSelector} id="dataGrid" autoGenerate="true">
-    </{ComponentSelector}>
+<{ComponentSelector} id="dataGrid" autoGenerate="true">
+</{ComponentSelector}>
 
-    var hierarchicalGrid = document.getElementById("dataGrid") as IgrGrid;
-    hierarchicalGrid.pinning = { rows: RowPinningPosition.Bottom };
+var grid = document.getElementById("dataGrid") as {ComponentSelector};
+grid.pinning = { rows: RowPinningPosition.Bottom };
 ```
-<!-- ComponentEnd: Grid, HierarchicalGrid -->
+<!-- ComponentEnd: Grid, TreeGrid, HierarchicalGrid -->
 
 ## Custom Row Pinning UI
 
@@ -325,7 +325,7 @@ public pinCellTemplate = (ctx: IgcCellTemplateContext) => {
 <!-- React -->
 ```tsx
 function cellPinCellTemplate(ctx: IgrCellTemplateContext) {
-    const index = ctx.dataContext.cell.id.rowIndex;
+    const index = ctx.dataContext.cell.row.index;
     return (
         <>
             <span onPointerDown={(e: any) => toggleRowPin(index)}>📌</span>

diff --git a/docfx/en/components/toc.json b/docfx/en/components/toc.json
@@ -776,7 +776,7 @@
         "status": ""
       },
       {
-        "exclude": ["Angular", "React"],
+        "exclude": ["Angular"],
         "name": "Row Pinning",
         "href": "grids/tree-grid/row-pinning.md",
         "status": ""