From c79e54e467a9059386a084befea5d798be4965c2 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Thu, 9 Jan 2025 11:38:27 +0300
Subject: [PATCH] fix: treetable checkbox demo

---
 .../doc/treetable/selectioncheckboxdoc.ts     | 42 +++++++++++++++++--
 1 file changed, 39 insertions(+), 3 deletions(-)

diff --git a/apps/showcase/doc/treetable/selectioncheckboxdoc.ts b/apps/showcase/doc/treetable/selectioncheckboxdoc.ts
index be823de12e..9226c13718 100644
--- a/apps/showcase/doc/treetable/selectioncheckboxdoc.ts
+++ b/apps/showcase/doc/treetable/selectioncheckboxdoc.ts
@@ -34,7 +34,7 @@ interface Column {
                         <tr [ttRow]="rowNode" [ttSelectableRow]="rowNode">
                             <td *ngFor="let col of columns; let i = index">
                                 <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                                <p-treetableCheckbox [value]="rowNode" *ngIf="i === 0" />
+                                <p-treeTableCheckbox [value]="rowNode" *ngIf="i === 0" />
                                 {{ rowData[col.field] }}
                             </td>
                         </tr>
@@ -71,9 +71,21 @@ export class SelectionCheckboxDoc {
         ];
 
         this.selectionKeys = {
+            '0': {
+                partialChecked: true
+            },
             '0-0': {
                 partialChecked: false,
                 checked: true
+            },
+            '0-0-0': {
+                checked: true
+            },
+            '0-0-1': {
+                checked: true
+            },
+            '0-0-2': {
+                checked: true
             }
         };
     }
@@ -91,7 +103,7 @@ export class SelectionCheckboxDoc {
         <tr [ttRow]="rowNode" [ttSelectableRow]="rowNode">
             <td *ngFor="let col of columns; let i = index">
                 <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                <p-treetableCheckbox [value]="rowNode" *ngIf="i === 0" />
+                <p-treeTableCheckbox [value]="rowNode" *ngIf="i === 0" />
                 {{ rowData[col.field] }}
             </td>
         </tr>
@@ -111,7 +123,7 @@ export class SelectionCheckboxDoc {
             <tr [ttRow]="rowNode" [ttSelectableRow]="rowNode">
                 <td *ngFor="let col of columns; let i = index">
                     <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                    <p-treetableCheckbox [value]="rowNode" *ngIf="i === 0" />
+                    <p-treeTableCheckbox [value]="rowNode" *ngIf="i === 0" />
                     {{ rowData[col.field] }}
                 </td>
             </tr>
@@ -156,9 +168,21 @@ export class TreeTableSelectionCheckboxDemo implements OnInit {
         ];
 
         this.selectionKeys = {
+            '0': {
+                partialChecked: true
+            },
             '0-0': {
                 partialChecked: false,
                 checked: true
+            },
+            '0-0-0': {
+                checked: true
+            },
+            '0-0-1': {
+                checked: true
+            },
+            '0-0-2': {
+                checked: true
             }
         };
     }
@@ -169,9 +193,21 @@ export class TreeTableSelectionCheckboxDemo implements OnInit {
 
     code2: Code = {
         typescript: `{
+    '0': {
+        partialChecked: true
+    },
     '0-0': {
         partialChecked: false,
         checked: true
+    },
+    '0-0-0': {
+        checked: true
+    },
+    '0-0-1': {
+        checked: true
+    },
+    '0-0-2': {
+        checked: true
     }
 }`
     };