我有没有办法把第一栏(复选框和第二文本栏)放在一栏里.我不需要我的专栏变得粘性.感谢您对此提出的任何建议.
在这里你可以找到Stackblitz代码 https://stackblitz.com/edit/angular-mat-table-checkbox-select-all-lbspiz?file=main.ts个
我已try 添加行跨度,但未成功.
我有没有办法把第一栏(复选框和第二文本栏)放在一栏里.我不需要我的专栏变得粘性.感谢您对此提出的任何建议.
在这里你可以找到Stackblitz代码 https://stackblitz.com/edit/angular-mat-table-checkbox-select-all-lbspiz?file=main.ts个
我已try 添加行跨度,但未成功.
首先,我在Stackblitz上做了一个实用的例子:
100
我基本上做了以下更改,将select
和name
放在同一列中:
修改后的TS-File条部分:
displayedColumns: string[] = ['selectAndName', 'position', 'weight', 'symbol'];
修改后的HTML-File条部分:
<ng-container matColumnDef="selectAndName">
<th mat-header-cell *matHeaderCellDef>
<mat-checkbox
(change)="$event ? masterToggle() : null"
[checked]="selection.hasValue() && isAllSelected()"
[indeterminate]="selection.hasValue() && !isAllSelected()"
>
</mat-checkbox>
Select and name
</th>
<td mat-cell *matCellDef="let element">
<mat-checkbox
(click)="$event.stopPropagation()"
(change)="$event ? selection.toggle(element) : null"
[checked]="selection.isSelected(element)"
>
</mat-checkbox>
{{element.name}}
</td>
</ng-container>