<p-treeTable [value]="files" [columns]="cols" selectionMode="single" [metaKeySelection]="metaKeySelection"
[(selection)]="selectedNode" dataKey="name" [scrollable]="true"
class="tableStyle ui-treetable-sm">
<ng-template pTemplate="header" let-columns>
<tr>
<th *ngFor="let col of columns">
{{ col.header }}
</th>
</tr>
</ng-template>
<ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
<tr [ttRow]="rowNode" [ttRow]="rowNode" >
<td *ngFor="let col of columns; let i = index">
<p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0"></p-treeTableToggler>
{{ rowData[col.field] }}
</td>
</tr>
</ng-template>
</p-treeTable>
我想将行高调整小,但我做不到。可以增加行高。当前代码视图中无法修改行高,如上图
我想改变行高
使用下面的代码,您可以增加或减少 PrimeNG 树表行的高度。
<p-treeTable [value]="files" [columns]="cols">
<ng-template pTemplate="body" let-rowData="rowData" let-columns="columns">
<tr [ngStyle]="{height: '65px'}">
<td *ngFor="let col of columns;">
{{ rowData[col.field] }}
</td>
</tr>
</ng-template>
</p-treeTable>
或者你也可以使用 css 改变高度,如下所示
.p-treetable .p-datatable-wrapper .p-datatable-tbody {
height: <row-height>;
}