下面是一个示例代码,展示了如何在Angular Material表格中为特定列分配宽度:
Name
{{element.name}}
Age
{{element.age}}
import { Component } from '@angular/core';
@Component({
selector: 'app-table',
templateUrl: './table.component.html',
styleUrls: ['./table.component.css']
})
export class TableComponent {
displayedColumns = ['name', 'age'];
dataSource = [
{ name: 'John', age: 25 },
{ name: 'Jane', age: 30 },
{ name: 'Bob', age: 35 }
];
}
/* 增加表格的宽度 */
mat-table {
width: 100%;
}
/* 设置mat-header-cell和mat-cell的文本对齐方式 */
mat-header-cell,
mat-cell {
text-align: center;
}
这样,你就可以在Angular Material表格中为特定列分配宽度了。你可以根据需要修改表格的样式和列定义。