要在Angular Material表格中对齐列,你可以使用CSS样式来设置表头和单元格的对齐方式。以下是一个示例解决方法:
.mat-header-cell {
text-align: center; /* 设置表头居中对齐 */
}
.mat-cell {
text-align: center; /* 设置单元格居中对齐 */
}
列1
{{element.column1}}
列2
{{element.column2}}
请注意,我们在mat-header-cell和mat-cell中添加了mat-header-cell和mat-cell类,这样我们可以应用在CSS文件中定义的样式。
export class YourComponent {
displayedColumns: string[] = ['column1', 'column2', ...]; // 定义需要显示的列
dataSource = []; // 定义数据源
}
这就是一个简单的示例,你可以根据你的需求进行修改和扩展。