test/basic2
1
0
Fork 0
mirror of https://gitee.com/fantastic-admin/basic.git synced 2024-12-10 07:58:27 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

优化 TableHeightAdaption 组件

Browse Source
This commit is contained in:
hooray 2022-01-06 01:14:39 +08:00
parent 1ff85c7bea
commit c195fd2bc2
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/TableHeightAdaption/index.vue
View File

@ -7,9 +7,12 @@
<script setup name="TableHeightAdaption">
onMounted(() => {
nextTick(() => {
// 获取表头高度，然后设置 .el-table__body-wrapper 的 height
// 获取表头高度，然后设置 .el-table__body-wrapper 和 .el-table__fixed-body-wrapper 的 height
let height = document.getElementsByClassName('el-table__header-wrapper')[0].offsetHeight
document.getElementsByClassName('el-table__body-wrapper')[0].style.height = `calc(100% - ${height}px)`
for (let item of document.getElementsByClassName('el-table__fixed-body-wrapper')) {
item.style.height = `calc(100% - ${height}px)`
}
})
})
</script>