This commit is contained in:
zlwu committed 2026-08-01 22:49:11 +08:00
1 parent e59b2aa6cb
commit eccefc6650
63 files changed
+13267 -11330

No files matched your search

+9 -2
View File
@@ -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;
}
+19 -3
View File
@@ -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;
}
/*滚动条的轨道*/