在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ element ui 的表格怎么把橫向滾動(dòng)條固定在屏幕最下方顯示

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

clipboard.png

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

回答
編輯回答
冷溫柔

element-ui table 底部滾動(dòng)條問(wèn)題


1、將 .el-table 標(biāo)簽css屬性中的 position: relative; width: 100%; max-width: 100%; 修改成 position: absolute; width: auto; max-width: none;
2、將 .el-table 父標(biāo)簽添加css屬性 position: relative; overflow: auto;

tips:屬性更改是全局的,不要寫在scoped內(nèi)
試試看。
2018年2月16日 13:33
編輯回答
萢萢糖

兄弟解決了嗎

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

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

2017年6月21日 09:58