element ui 的表格怎么把横向滚动条固定在屏幕最下方显示

新手上路,请多包涵

clipboard.png

如上图所示,我用了element ui的el-table组件,因为横向内容比较多,所以出现了横向滚动条,可是只有在页面翻到最下面的时候才能看到这个滚动条,有没有办法把滚动条固定在屏幕的最下面,就是我在页面最上面的地方也可以直接看到横向滚动条。
求大神回答。

阅读 24.7k
5 个回答

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内
试试看。

可以限制下表格高度,让表格y轴也出现滚动条,哎 凑合吧

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题