表中带有粘性柱的角材料

Question

我正在使用带有粘性列代码的Angular材质表，这只提供了一个粘性行代码，但是我想在那段时间内粘贴5行，

我正在修改角度材料中的相同代码，但是我们必须尝试我的水平仪不起作用，请建议我如何解决此问题。

https://material.angular.io/components/table/overview，（带有粘性列的表格）

Answer 1

您可以尝试以下方式，因为您不提供任何代码，所以这是解释的最佳方式：

通过使用以下样式，可以固定表格的行和列：

position: sticky 

例如，定义一个类并使用它：

.mat-custom-row {
  position: sticky;
  top: 0;
 }

还可以通过在列定义中添加 sticky 来固定

<ng-container matColumnDef="name" sticky>

为了将标题行固定在包含表格的滚动视口的顶部或底部，您可以将粘性输入添加到 matHeaderRowDef 或 matFooterRowDef < / p>

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

请正确阅读documentation