How does the element ui table fix the horizontal scroll bar to the bottom of the screen?

clipboard.png

as shown in the figure above, I used the el-table component of element ui, because there are many horizontal contents, so there is a horizontal scroll bar, but only when the page is turned to the bottom can we see the scroll bar. Is there any way to fix the scroll bar at the bottom of the screen, that is, I can see the horizontal scroll bar directly at the top of the page.
ask the Great God to answer.

Jun.15,2021

< H1 > Scroll bar problem at the bottom of element-ui table < / H1 >

1 .el-table css position: relative; width: 100%; max-width: 100%;  position: absolute; width: auto; max-width: none;
2 .el-table css position: relative; overflow: auto;

tips:scoped

you can limit the height of the table and make the table appear scrollbars on the y axis. Oh, make do.


did brothers solve


I also encountered the same problem.


the subject of the question

solved the problem

.
Menu