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 ) {