当前位置: 首页 > 知识库问答 >
问题:

前端 - el-tab-pane下使用封装的table组件出现的问题?

龚跃
2023-05-31

各位大佬,请伸出援手帮小弟看个问题。
问题描述:我在el-tab-pane里使用table组件时,表格数据滚动效果和页脚的工具栏样式都出现了bug,在其他页面使用table组件不会出现这种情况,通过调试工具调了好久调不到理想情况。

index.vue、infoTable.vue
image.png

table.vue
image.png

其他页面显示:正常效果,并且不会被开发者工具遮挡
image.png

滚动样式和工具栏样式丢失,调了之后还是没有调到正常效果:页脚组件被开发者工具遮挡
被开发者工具遮挡
image.png
image.png

共有1个答案

姬浩渺
2023-05-31

这个高度固定了,导致高度一直是700px
image.png
tableInfo表格高度写成动态值‘calc(100vh - 200px)’或者使用style写‘clientWidth-固定高度’动态样式
减去的高度可以根据当前页面固定高度来设置

 类似资料: