test/element-plus
1
0
Fork 0
mirror of https://gitee.com/element-plus/element-plus.git synced 2024-12-02 19:28:14 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

refactor(components): [table] style of the footer-wrapper (#9084)

Browse Source 
* refactor(components): [table] style of the footer-wrapper

closed #9065

* fix(theme-chalk): [table] optimized style
This commit is contained in:
qiang 2022-08-25 12:04:35 +08:00 committed by GitHub
parent fe131df1a4
commit 43a2c69ad1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/components/table/src/table/style-helper.ts
View File

@ -232,7 +232,7 @@ function useStyle<T>(
tableScrollHeight.value = table.refs.tableWrapper?.scrollHeight || 0
headerScrollHeight.value = tableHeader?.scrollHeight || 0
footerScrollHeight.value = table.refs.footerWrapper?.scrollHeight || 0
footerScrollHeight.value = table.refs.footerWrapper?.offsetHeight || 0
bodyScrollHeight.value =
tableScrollHeight.value -
headerScrollHeight.value -

23
packages/theme-chalk/src/table.scss
View File

@ -36,9 +36,10 @@
}
&.has-footer {
.#{$namespace}-table__inner-wrapper {
&::before {
bottom: 0;
&.#{$namespace}-table--scrollable-y,
&.#{$namespace}-table--fluid-height {
tr:last-child td.#{$namespace}-table__cell {
border-bottom-color: transparent;
}
}
}
@ -237,6 +238,10 @@
}
}
@include e((footer-wrapper)) {
border-top: getCssVar('table-border');
}
// 拥有多级表头
@include m((group, border)) {
@include e((inner-wrapper, footer-wrapper)) {
@ -249,9 +254,6 @@
}
}
}
@include e((footer-wrapper)) {
border-top: getCssVar('table-border');
}
@include share-rule(border-pseudo) {
content: '';
@ -302,15 +304,6 @@
flex-shrink: 0;
}
@include e(footer-wrapper) {
margin-top: -2px;
}
// fix: #1013
// &.#{$namespace}-loading-parent--relative {
// border-color: transparent;
// }
.#{$namespace}-table__cell {
border-right: getCssVar('table-border');
}