javascript 具有外部页面垂直滚动条和内部水平表列滚动条的大数据表(具有固定列标题的滚动条)

cgh8pdjw  于 2023-05-05  发布在  Java
关注(0)|答案(1)|浏览(179)

如何通过css或javascript来实现这一点,因为表具有外部页面垂直滚动条和内部水平表列滚动条以及固定的列标题。当我垂直滚动表列不粘滞。
我试着给overflow-y隐藏和overflow-x自动垫表,但它不工作

.mat-table-container {
    overflow-y: auto;
}
  
.mat-table {
   width: 1000px;
   overflow-x: scroll;
   overflow-y: hidden;
   border-collapse: collapse;
}
  
.mat-header-row {
   position: sticky;
   top: 0;
   z-index: 1;
   background: #fff;
}
ia2d9nvy

ia2d9nvy1#

你可以在你的mat-header-row中设置属性'Sticky'为true。
示例:

<tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>

您可以在文档中看到此属性

相关问题