移除 TableHeightAdaption 组件

This commit is contained in:
hooray
2022-03-11 11:10:15 +08:00
parent e8bff19eb7
commit 3d2fc3c770
@@ -1,32 +0,0 @@
<script setup name="TableHeightAdaption">
onMounted(() => {
nextTick(() => {
// 获取表头高度,然后设置 .el-table__body-wrapper 和 .el-table__fixed-body-wrapper 的 height
let height = document.getElementsByClassName('el-table__header-wrapper')[0].offsetHeight
document.getElementsByClassName('el-table__inner-wrapper')[0].style.height = '100%'
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>
<template>
<div class="adaption-container">
<slot />
</div>
</template>
<style lang="scss" scoped>
.adaption-container {
height: 100%;
overflow-y: auto;
:deep(.el-table) {
height: 100%;
.el-table__body-wrapper {
overflow-y: auto;
}
}
}
</style>