element table滚动条固定视图底部

问题：

使用elementui做表格的时候，发现内容超出浏览器宽度，table出现滚动条，但是滚动条一直固定在表格最下面，查看右边需要滚动到底部再拉动横向滚动条，所以固定横向滚动条在页面底部。

解决方案：

//1.css控制
//2. 自制滚动条（未完成

html:

<div class="taberContainer" @contextmenu.prevent.capture><el-table :data="excelData" tooltip-effect="dark" border class="tabercontainer_taber"></el-table>
</div>

css:

  .taberContainer {position: absolute;overflow: auto;padding: 5px 20px 20px 20px;}.taberContainer .el-table.el-table {position: relative;min-width: 1300px;overflow: auto;}

element table滚动条固定视图底部相关推荐

table表头固定，底部可滚动
需求:实现table表头固定,表体可滚动思路: tbody使用display:block,固定高度,并设置over-y:scroll, thead和tr,使用display:table,使用tabl ...
element table滚动条占宽度_HTML table表格固定表头 tbody加滚动条
纯CSS table表格 thead固定 tbody滚动效果由于项目需要,在表格中,当数据量越来越多时,就会出现滚动条,而在滚动的过程中,默认情况下表格头部会跟着表格内容一起滚动,导致看不到头部对应 ...
Element UI Table组件固定列底部有一条白线的解决方案
bug:在某一次项目中使用暗色系的固定列时发现有一条白线无法消除(之前项目都是亮色系所以没发现问题) 通过排查发现这条白线能够随着el-table__fixed-right元素移动但是却没有任何子元素 ...
笔记：Element table表格固定列横向滚动条无法拖动的问题解决
一段样式解决战斗
element table 表头固定,表格高度自适应
//通过 :height="tableHeight" 设置 <el-table>:height="tableHeight"ref="mul ...
element table滚动条占宽度_elementUI——scrollbar-width获取滚动条宽度
说明:以下基于elementUI@2.13.1. 在element-ui\src\utils\scrollbar-width.js中: import Vue from 'vue'; let scrol ...
element table for循环出来设置fixed，table底部滚动条无法拖动
element table for循环出来设置fixed,table底部滚动条无法拖动 element 的table 如果用for循环出的,设置fixed后,有可能会导致底部滑动失效,这是因为elem ...
element table 合计第一行固定列
element table 合计第一行在这位大哥这里学来的, 但同时我这边的情况是: 固定高度, 第一列固定, 参数多, 因此, 这个方法不能够完全满足, 因此加入以下代码: 代码作用: 在每次获 ...
element table固定表头，表的高度自适应解决方法
element table固定表头,表的高度自适应解决方法参考文章: (1)element table固定表头,表的高度自适应解决方法 (2)https://www.cnblogs.com/muou ...

element table滚动条固定视图底部

问题：

解决方案：

html:

css:

element table滚动条固定视图底部相关推荐

最新文章

热门文章