Fix tree demos
This commit is contained in:
@@ -17,25 +17,21 @@ import { NodeService } from '@/src/service/node.service';
|
|||||||
|
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="font-semibold text-xl mb-4">TreeTable</div>
|
<div class="font-semibold text-xl mb-4">TreeTable</div>
|
||||||
<p-treetable [value]="treeTableValue" [columns]="cols" selectionMode="checkbox" [(selection)]="selectedTreeTableValue">
|
<p-treetable [value]="treeTableValue" [columns]="cols" selectionMode="checkbox" [(selectionKeys)]="selectedTreeTableValue" dataKey="key" [scrollable]="true" [tableStyle]="{ 'min-width': '50rem' }">
|
||||||
<ng-template #header let-columns>
|
<ng-template #header let-columns>
|
||||||
<tr>
|
<tr>
|
||||||
@for(col of columns; track col.header){
|
<th *ngFor="let col of columns">
|
||||||
<th>
|
{{ col.header }}
|
||||||
{{ col.header }}
|
</th>
|
||||||
</th>
|
|
||||||
}
|
|
||||||
</tr>
|
</tr>
|
||||||
</ng-template>
|
</ng-template>
|
||||||
<ng-template #body let-rowNode let-rowData="rowData" let-columns="columns">
|
<ng-template #body let-rowNode let-rowData="rowData" let-columns="columns">
|
||||||
<tr>
|
<tr [ttRow]="rowNode" [ttSelectableRow]="rowNode">
|
||||||
@for(col of columns; track col.field; let i = $index){
|
<td *ngFor="let col of columns; let i = index">
|
||||||
<td>
|
<p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
|
||||||
<p-treetabletoggler [rowNode]="rowNode" *ngIf="i === 0"></p-treetabletoggler>
|
<p-treeTableCheckbox [value]="rowNode" *ngIf="i === 0" />
|
||||||
<p-treeTableCheckbox [value]="rowNode" *ngIf="i === 0"></p-treeTableCheckbox>
|
<span class="ml-2">{{ rowData[col.field] }}</span>
|
||||||
{{ rowData[col.field] }}
|
</td>
|
||||||
</td>
|
|
||||||
}
|
|
||||||
</tr>
|
</tr>
|
||||||
</ng-template>
|
</ng-template>
|
||||||
</p-treetable>
|
</p-treetable>
|
||||||
@@ -50,7 +46,7 @@ export class TreeDoc implements OnInit {
|
|||||||
|
|
||||||
selectedTreeValue: TreeNode[] = [];
|
selectedTreeValue: TreeNode[] = [];
|
||||||
|
|
||||||
selectedTreeTableValue: TreeNode[] = [];
|
selectedTreeTableValue: any[] = [];
|
||||||
|
|
||||||
cols: any[] = [];
|
cols: any[] = [];
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user