From 3d9b3acb8e2aa369fe07e843c24ac0b43ffab96a Mon Sep 17 00:00:00 2001 From: yanran200730 Date: Tue, 12 Sep 2023 10:10:44 +0800 Subject: [PATCH] =?UTF-8?q?=E8=A1=A8=E5=A4=B4=E5=90=B8=E9=A1=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/AiTable.vue | 41 +++++++++++++++++++++++++++++++------- 1 file changed, 34 insertions(+), 7 deletions(-) diff --git a/src/components/AiTable.vue b/src/components/AiTable.vue index 4662f78..eae67ef 100644 --- a/src/components/AiTable.vue +++ b/src/components/AiTable.vue @@ -179,18 +179,33 @@ export default { if (heightTop >= top) { 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__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 { 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.zIndex = '' - document.getElementsByClassName('el-table__fixed-right')[0].style.position = '' - document.getElementsByClassName('el-table__fixed-right')[0].style.top = '' - document.getElementsByClassName('el-table__fixed-right')[0].style.zIndex = '' + document.getElementsByClassName('el-table__fixed-right')[0].style.top = `${0}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 = '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) { @@ -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 ) { tr td:first-child .cell { padding-left: 40px !important; } + + .el-table .el-table__cell.is-hidden > * { + visibility: inherit; + } } :deep( .el-table__fixed-right ) {