kubbo/temu-plugin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

表头吸顶

Browse Source
This commit is contained in:
yanran200730
2023-09-12 10:10:44 +08:00
parent 5e1c27e92a
commit 3d9b3acb8e
1 changed files with 34 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/components/AiTable.vue
View File

@@ -179,18 +179,33 @@ export default {
if (heightTop >= top) { if (heightTop >= top) {
document.getElementsByClassName('el-table__header-wrapper')[0].style.position = `fixed` document.getElementsByClassName('el-table__header-wrapper')[0].style.position = `fixed`
document.getElementsByClassName('el-table__header-wrapper')[0].style.zIndex = '9999' document.getElementsByClassName('el-table__header-wrapper')[0].style.zIndex = '10000'
document.getElementsByClassName('el-table__header-wrapper')[0].style.top = `${112}px` document.getElementsByClassName('el-table__header-wrapper')[0].style.top = `${112}px`
document.getElementsByClassName('el-table__fixed-right')[0].style.position = `fixed`
document.getElementsByClassName('el-table__fixed-right')[0].style.zIndex = '9999'
document.getElementsByClassName('el-table__fixed-right')[0].style.top = `${112}px` document.getElementsByClassName('el-table__fixed-right')[0].style.top = `${document.querySelector('.top') ? -66 : -41}px`
for (let i = 0; i < document.querySelectorAll('.el-table__header-wrapper th div').length; i++) {
document.querySelectorAll('.el-table__header-wrapper th div')[i].style.visibility = 'inherit'
}
// for (let i = 0; i < document.querySelectorAll('.el-table__body-wrapper .is-hidden .cell').length; i++) {
// document.querySelectorAll('.el-table__body-wrapper .is-hidden .cell')[i].style.visibility = 'inherit'
// }
// document.getElementsByClassName('el-table__fixed-header-wrapper')[0].style.position = `fixed`
// document.getElementsByClassName('el-table__fixed-header-wrapper')[0].style.zIndex = '9999'
// document.getElementsByClassName('el-table__fixed-header-wrapper')[0].style.top = `${112}px`
} else { } else {
document.getElementsByClassName('el-table__header-wrapper')[0].style.position = '' document.getElementsByClassName('el-table__header-wrapper')[0].style.position = ''
document.getElementsByClassName('el-table__header-wrapper')[0].style.top = '' document.getElementsByClassName('el-table__header-wrapper')[0].style.top = ''
document.getElementsByClassName('el-table__header-wrapper')[0].style.zIndex = '' document.getElementsByClassName('el-table__header-wrapper')[0].style.zIndex = ''
document.getElementsByClassName('el-table__fixed-right')[0].style.position = '' document.getElementsByClassName('el-table__fixed-right')[0].style.top = `${0}px`
document.getElementsByClassName('el-table__fixed-right')[0].style.top = '' for (let i = 0; i < document.querySelectorAll('.el-table__header-wrapper th div').length; i++) {
document.getElementsByClassName('el-table__fixed-right')[0].style.zIndex = '' document.querySelectorAll('.el-table__header-wrapper th div')[i].style.visibility = 'visible'
}
// for (let i = 0; i < document.querySelectorAll('.el-table__body-wrapper .is-hidden .cell').length; i++) {
// document.querySelectorAll('.el-table__body-wrapper .is-hidden .cell')[i].style.visibility = 'visible'
// }
} }
}, },
handleSizeChange(size) { handleSizeChange(size) {
@@ -306,10 +321,22 @@ export default {
} }
} }
:deep( .el-table__body-wrapper) {
.el-table__row:last-child {
.is-hidden .cell {
visibility: inherit!important;
}
}
}
:deep( .el-table__body ) { :deep( .el-table__body ) {
tr td:first-child .cell { tr td:first-child .cell {
padding-left: 40px !important; padding-left: 40px !important;
} }
.el-table .el-table__cell.is-hidden > * {
visibility: inherit;
}
} }
:deep( .el-table__fixed-right ) { :deep( .el-table__fixed-right ) {