gpt4 book ai didi

Angular Material 表 Sizing/Scroll

转载 作者:太空狗 更新时间:2023-10-29 17:34:35 24 4
gpt4 key购买 nike

我有一个包含许多列的 Angular Material 表。它比屏幕宽。当我滚动时,表格行超出了表格容器的边缘。

查看此 StackBlitz 项目。 https://stackblitz.com/edit/angular-r6xdgk使用底部的滚动条,您会看到奇怪的格式。

在此先感谢您的帮助!

最佳答案

我希望这对其他人根据单元格内容向 mat-table 和列宽添加水平滚动有帮助。

.mat-table {
overflow-x: scroll;
}

.mat-cell,
.mat-header-cell {
word-wrap: initial;
display: table-cell;
padding: 0px 10px;
line-break: unset;
width: 100%;
white-space: nowrap;
overflow: hidden;
vertical-align: middle;
}

.mat-row,
.mat-header-row {
display: table-row;
}

关于Angular Material 表 Sizing/Scroll,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50824617/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com