Prime Community Forum

Code: Select all

<tr [ttRow]="rowNode" [ttSelectableRow]="rowNode" [ttContextMenuRow]="rowNode">

Code: Select all

<p-treeTable [value]="data" [columns]="tableConfigData"
                         selectionMode="multiple" [(selection)]="selectedNodes"
                         [metaKeySelection]="true" (onNodeSelect)="nodeSelect($event)"
                         (onNodeUnselect)="nodeUnSelect($event)" [contextMenu]="cmA"
                         contextMenuSelectionMode="joint" (onContextMenuSelect)="contextMenuSelection($event)"
                         [reorderableColumns]="true"
                         (onColReorder)="reorderedColumns()"
                         (onPage)="paginationEvent($event)"
                         [resizableColumns]="true" [paginator]="true" [rows]="rowCount" [pageLinks]="10"
                         [rowsPerPageOptions]=planDesignConfigService.rowsPagePerOption [scrollable]="isScroll"
                         (onSort)="getPlansDesigns($event)" [customSort]="true">
                <ng-template pTemplate="colgroup" let-columns>
                    <colgroup>
                        <col *ngFor="let col of columns">
                    </colgroup>
                </ng-template>
                <ng-template pTemplate="header" let-columns>
                    <tr>
                        <th align="left" *ngFor="let col of columns"
                            [ttSortableColumn]="col.field" ttResizableColumn
                            ttReorderableColumn>
                            {{col.header}}
                            <p-treeTableSortIcon *ngIf= "col.field !== 'type'"
                                    [field]="col.field"></p-treeTableSortIcon>
                        </th>
                    </tr>
                </ng-template>
                <ng-template pTemplate="body" let-rowNode let-rowData="rowData"
                             let-columns="columns">
                    <tr [ttSelectableRow]="rowNode" [ttContextMenuRow]="rowNode">
                        <td *ngFor="let col of columns; let i = index">
                            <p-treeTableToggler [rowNode]="rowNode"
                                                *ngIf="i == 0"></p-treeTableToggler>
                            {{col.type === 'date' ? (rowData[col.field] | date: dateFormat) : rowData[col.field]}}
                        </td>
                    </tr>
                </ng-template>
            </p-treeTable>
<p-contextMenu #cmA [model]="contextAMenu"></p-contextMenu>
<p-contextMenu #cmB [model]="contextBMenu"></p-contextMenu>