提交
This commit is contained in:
1 parent
e59b2aa6cb
commit
eccefc6650
63 files changed
+13267
-11330
No files matched your search
@@ -1246,8 +1246,15 @@ body {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/* 无分页条时列表区为 panel 末段:裁剪底圆角,避免表格白底盖住 panel 圆角 */
|
||||
.panel > .list-body.list-wrap:not(:has(+ .pagination.list-pager-bar)):not(:has(+ .list-footer)) {
|
||||
/*
|
||||
* 无分页条时列表区为 panel 末段:裁剪底圆角,避免表格白底盖住 panel 圆角。
|
||||
* 须同时排除「分页在 list-body 内部」的常见结构,否则 overflow:hidden 会裁切
|
||||
* 表格横向滚到最右侧时的末列右缘。
|
||||
*/
|
||||
.panel
|
||||
> .list-body.list-wrap:not(:has(+ .pagination.list-pager-bar)):not(:has(+ .list-footer)):not(
|
||||
:has(.pagination.list-pager-bar)
|
||||
):not(:has(.list-footer)) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
@@ -600,13 +600,16 @@ body .el-table thead {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
// 表格默认占满整个宽度
|
||||
// 表格默认占满容器;允许在列宽总和更大时由内部横向滚动撑开,避免末列被裁切
|
||||
.el-table {
|
||||
width: 100% !important;
|
||||
max-width: 100%;
|
||||
|
||||
// 修复固定列时表格宽度问题
|
||||
// 占满容器,但不禁止内部 table 按列宽超出(横向滚动由 body-wrapper/scrollbar 承担)
|
||||
.el-table__inner-wrapper {
|
||||
width: 100% !important;
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -614,6 +617,7 @@ body .el-table thead {
|
||||
.page-container {
|
||||
.el-table {
|
||||
width: 100% !important;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -814,6 +818,18 @@ body .el-table thead {
|
||||
border-right: 1px solid var(--mint-border) !important;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* 横向滚到最右侧时末列完整可见:
|
||||
* 给表头/表体 table 右侧留出空隙,增大可滚动宽度,避免末列被 overflow 或
|
||||
* 叠加滚动条裁切。不要给末列 .cell 加 padding,否则会挤占「创建时间」等定宽文案。
|
||||
*/
|
||||
&.el-table--scrollable-x {
|
||||
.el-table__header-wrapper table,
|
||||
.el-table__body-wrapper table {
|
||||
margin-right: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page-container .el-table th.el-table__cell,
|
||||
|
||||
@@ -4,7 +4,15 @@
|
||||
/*滚动条整体部分,必须要设置*/
|
||||
::-webkit-scrollbar {
|
||||
width: 8px !important;
|
||||
/* 原先 height:0 会让原生横向滚动条不可用,窄屏多列表格滚到最右时末列易被裁切 */
|
||||
height: 8px !important;
|
||||
}
|
||||
|
||||
/* 表格内部由 Element Plus 自定义滚动条接管时,继续隐藏原生条,避免双条 */
|
||||
.el-table .el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
|
||||
width: 0 !important;
|
||||
height: 0 !important;
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*滚动条的轨道*/
|
||||
|
||||
Reference in new issue
Block a user