固定工具栏上的表格按钮

问题描述 投票:0回答:2

我有一个问题,当表中有更多数据时,我必须滚动数据,数据会滚动,但表中的按钮会超出固定工具栏的顶部。

以下是示例代码:https://stackblitz.com/edit/angular-ocrvtg

我该如何解决这个问题?

angular angular-material
2个回答
1
投票

z-index的默认值为0,因此,如果将工具栏的z-index设置为1,将表设置为no z-index(或0)。它将解决这个问题。


0
投票

使用sticky positioning。在IE11中不受支持,但它应该优雅地降级。

.toolbar--sticky {
    position: sticky;
    top: 0;
    z-index: 2;
    position: -webkit-sticky;
}

<mat-toolbar color="primary" class="toolbar--sticky">
© www.soinside.com 2019 - 2024. All rights reserved.