将el-table的宽度放大后,页面底部会出现横向滚动条,但是如果el-table上方的布局已经被写死了,会出现留白 效果图:
版本:2.15.13 el-table在使用合计功能及固定列功能的同时,由于固定列的结构是固定区域增加了div加上定位,用来盖住下面的内容。当使用了合计功能的时候滚动条的区域在el-table__body-wrapper会导致固定列区域下的滚动条被挡住,当固定区域较大数据量较多的情况下存在滚动
eltable行高变化后,丢失滚动条排查解决全过程 - 程序员小山与Bug于20230715发布在抖音,已经收获了141.6万个喜欢,来抖音,记录美好生活!
51CTO博客已为您找到关于el-table 修改滚动条样式的相关内容,包含IT学习相关文档代码介绍、相关教程视频课程,以及el-table 修改滚动条样式问答内容。更多el-table 修改滚动条样式相关解答可以来51CTO博客参与分享和学习,帮助广大IT技术人实现成长和进步。
elTable竖向滚动条修改样式会漏出数据 style中添加 ::v-deep .el-table .el-table__body-wrapper { &::-webkit-scrollbar-track-piece { background: #fff; } &::-webkit-scrollbar { width: 12px; height: 10px; } &::-webkit-scrollbar-thumb {...
顶部滚动条 .top-scroll{overflow-y:hidden;overflow-x:auto; .top-scroll-content{background-color:#FFF;height:1px;}} 底部滚动条 我的需求是这个底部滚动条就不要了 如果想要 上下双滚动条, 这个不写就行 ::v-deep .el-table--scrollable-x .el-table__body-wrapper{overflow-x:hidden} ...
对于不是真正的出现滚动条的标签,却无能为力 <el-table border height="400" v-infinite-scroll="load" :data="tableData" > <el-table-columnprop="date"label="日期"width="180"></el-table-column> <el-table-columnprop="name"label="姓名"width="150"></el-table-column> ...
2、el-table使用append属性,底部加入一个新表格,外部表格高度小于设置的height时,但外层table+append的内容已经超过设置的height,页面不显示滚动条,无法看到append的所有内容。页面如下图所示:此图为已修改后的正常显示滚动条,若不修改无法看到垂直滚动条。
工作中用到的el-table显示大批量数据的时候,一页放不下,一般性的处理方案是限定了高,让表格固定表头之后内部可以滚动,不过因为实际操作中样式的问题,需要我把整个表格高度全部显示出来,这样就造成了一个问题,就是横向滚动不方便 不过作为mac用户已开始没啥感觉,但是被用windows的同事吐槽了好久,于是终于决定花半天时...