如何更改 Angular Material Table 行高？

Question

在我的 Angular 应用程序（使用 Angular Material 样式）中，我需要使用 Material Table 显示一些数据。

此表有一个粘性页眉、几行和一个粘性页脚。

默认情况下，行的高度为 62.5px，我想覆盖这个值。

我怎样才能做到这一点？

我尝试覆盖 tr / tr.mat-row / tr.mat-header-row 等的 css 样式，但没有成功。我也尝试过使用 ::ng-deep 。

此外，我的粘性页脚行的高度为 48 像素，这是我没有设置的！！有谁知道发生了什么？

表图片

我可以使用 ::ng-deep 编辑页脚行 css，我已将 font-weight 设置为 bold ，但是当我设置 height 属性时没有任何反应。

 ::ng-deep tr.mat-footer-row {
border: 1px solid #e7e7e7;
font-weight: bold;
}

原文由 Facundo Palavecino 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

尝试将其添加到您的 styles.scss 中。

 tr.mat-footer-row {
        border: 1px solid #e7e7e7;
        font-weight: bold;
        height: #px !important;
}

原文由 Bryan Ribo 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

我的解决方案：

 .mat-header-row{
    max-height: 40px;
    height: 40px;
    min-height: 40px;
    text-align: center;

}

原文由 Mhadhbi Nouha 发布，翻译遵循 CC BY-SA 4.0 许可协议