angular-material - Angular 2 Material 水平滚动数据表边框问题

Question

我在我的应用程序中使用 Angular Material Data 表。我需要用水平滚动表显示多列。我正面临表格行边框的问题。它没有显示行的整个宽度。请检查所附图片以供引用。请帮我解决这个问题。

请检查链接以获取代码引用

https://stackblitz.com/edit/angular-mdxik6?file=app%2Ftable-basic-example.html



提前致谢。

Answer 1

默认情况下，标题行和列行都是显示弹性的，
将其更改为显示 inline-flex 将解决上述问题

.mat-header-row, .mat-row {
    display: inline-flex;
}