角度2材质水平滚动数据表边框问题

Question

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

请检查链接以获取代码参考

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

提前致谢。

Answer 1

Material 使用弹性布局，因此您可以align-self: stretch;向列添加 CSS。这应该会拉伸自动调整大小的项目以适合表格。

编辑

斯塔克闪电战

删除标题和单元格宽度元素会有所帮助。您想要将行设置为 100% 宽度，然后设置所需的最小值。

.mat-row, .mat-header-row { min-width: 1123px; width:100%; }