el-tab-pane中使用Table组件时，表格数据滚动和页脚样式异常，如何解决？

el-tab-pane中使用Table组件遇到的问题

遇到这样的问题：在el-tab-pane中使用table组件时，表格数据滚动效果和页脚工具栏样式发生了异常，但在其他页面使用table组件时并不会出现这样的情况。

具体问题表现如下：

• 表格数据滚动效果丢失。
• 页脚组件被开发者工具遮挡。

解决方法：

经调试发现，问题出在table组件的高度固定为700px，导致了无论页面高度是多少，table组件都始终保持700px的高度。

因此，解决方案是将tableInfo表格的高度设置为动态值，可以使用“calc(100vh - 200px)”或“clientWidth-固定高度”等写法。减去的高度可以根据当前页面固定高度来进行设置。这样，table组件的高度就会根据当前页面高度进行调整，从而解决问题。

以上就是el-tab-pane中使用Table组件时，表格数据滚动和页脚样式异常，如何解决？的详细内容，更多请关注其它相关文章！