鍍金池/ 問答/HTML/ element ui 的表格怎么把橫向滾動條固定在屏幕最下方顯示

element ui 的表格怎么把橫向滾動條固定在屏幕最下方顯示

clipboard.png

如上圖所示，我用了element ui的el-table組件，因為橫向內(nèi)容比較多，所以出現(xiàn)了橫向滾動條，可是只有在頁面翻到最下面的時候才能看到這個滾動條，有沒有辦法把滾動條固定在屏幕的最下面，就是我在頁面最上面的地方也可以直接看到橫向滾動條。
求大神回答。

回答
編輯回答
冷溫柔

element-ui table 底部滾動條問題


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內(nèi)
試試看。
2018年2月16日 13:33
編輯回答
萢萢糖

兄弟解決了嗎

2018年6月11日 16:39
編輯回答
安淺陌

可以限制下表格高度，讓表格y軸也出現(xiàn)滾動條，哎 湊合吧

2017年6月21日 09:58