el-tab-pane下使用封装的table组件出现的问题？
站长
· 阅读数 15
各位大佬，请伸出援手帮小弟看个问题。问题描述：我在el-tab-pane里使用table组件时，表格数据滚动效果和页脚的工具栏样式都出现了bug，在其他页面使用table组件不会出现这种情况，通过调试工具调了好久调不到理想情况。
index.vue、infoTable.vue
table.vue
其他页面显示：正常效果，并且不会被开发者工具遮挡
滚动样式和工具栏样式丢失，调了之后还是没有调到正常效果：页脚组件被开发者工具遮挡被开发者工具遮挡
回复
1个回答
test
2024-07-02
这个高度固定了，导致高度一直是700px
tableInfo表格高度写成动态值‘calc(100vh - 200px)’或者使用style写‘clientWidth-固定高度’动态样式减去的高度可以根据当前页面固定高度来设置
回复
适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引，对解决问题有帮助
- 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容