Angular Material表格水平滚动

15 浏览
0 Comments

Angular Material表格水平滚动

我想让Angular Material表格水平滚动，我已经通过以下scss实现了这一点：

.table-div {
  overflow-x: scroll !important;
  mat-table {
     table-layout: fixed;
       mat-header-cell, mat-cell {
         overflow-wrap: normal;
         white-space: nowrap;
         overflow: visible !important;
         margin-right: 30px;
         flex: 0 0 300px;
       }
  }
}

滚动和数据可以正常显示，但是溢出的行没有颜色、边框等样式。

就像表格在原始宽度边界处被裁剪一样。

我们该如何解决这个问题？

这张图片显示了表格的边框以及滚动时溢出的行没有样式。

image of problem

0