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

“纵有疾风来，人生不言弃”，这句话送给正在学习文章的朋友们，也希望在阅读本文《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组件时，表格数据滚动和页脚样式异常，如何解决？》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多文章知识！