The problem of scroll bar style after the total column of elementUI

problem description

after the elementUI sums up the column, if there are many items in the column, a scroll bar will appear, and the scroll bar will be above the total row. Our test has given me a bug, for details, please see the following figure

.

the environmental background of the problems and what methods you have tried

clipboard.png

related codes

/ / Please paste the code text below (do not replace the code with pictures)

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

* Special note: override the global style, do not write it in scoped, and the outer layer cannot wrap the parent class (if there is a better way to leave a message, my method is wild)

Dec.18,2021

at present, this method can solve this problem, but it has not been found to cause other bug to come out

.
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b37238-2c09a.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b37238-2c09a.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?