場景

找到要添加匯總行小計行的el-table

<el-table v-loading="loading" :data="kqtjList"? show-summary="true">

設置shoe-summary為true

?

但是如果列比較多有滾動條出現的話就會出現上面那種合計行在滾動條

注：

博客：
https://blog.csdn.net/badao_liumang_qizhi
關注公眾號
霸道的程序猿
獲取編程相關電子書、教程推送與免費下載。

實現

解決辦法

打開此vue頁面添加一些樣式

<style>.el-table {overflow-x: auto; } .el-table__header-wrapper, .el-table__body-wrapper, .el-table__footer-wrapper {overflow: visible; } .el-table::after {position: relative; } .el-table--scrollable-x .el-table__body-wrapper {overflow: visible; } </style>

添加位置

?

添加之后的效果

?

?

總結

以上是生活随笔為你收集整理的ElementUI中el-table添加小计行之后调整在滚动条上方的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。