源码实现就有问题,这样会导致右侧滚动和表内容有时差。建议用position右吸附样式做右侧的固定区域 3年前 16 分享 回复 展开5条回复 Raw ... 可以说一下录屏的软件是什么吗 3年前 0 分享 回复 程序员小山与Bug 作者 ... quicktime 3年前 0 分享 ...
然后element table拖动到最下面就错位成这样了 按理说应该要这样的效果 可怎么改都不行,只能把全局的覆盖去掉,单独给这个table组件写一个样式,而不用覆盖式的css写法,但这样导致只能改滚动条的颜色样式,el-table那一小块缺口是固定死15px,就是改不了宽高了,很郁闷,求大神给个解决方案。 .el-table__fixed-bod...
/deep/ .el-table th.gutter { width: 5px;//表头右侧空白块宽度,与修改的滚动条样式宽度保持一致,否则会造成表头与内容border错乱}/deep/ .el-table colgroup col[name='gutter'] { width: 5px;//gutter列设置宽度,与上保持一致}/deep/ .el-table__body { width:100% !important;//内容宽度,设置为1...
解决办法: 初始版解决了之后会出现一个问题就是如果没有滚动条,则左侧固定列还会和下方边线有间隙,右侧也是如此,所以又进行了对滚动条下固定列样式的修改 初始版: 右侧间隙样式: .el-table__fixed-right { right: 5px!important; // 竖向滚动条宽度 height:100%; } 下方间隙样式: /deep/ .el-table__fixed...
方法1、在el-table上手动添加滚动条 1、在el-table上方添加一个div,div的宽度和表格的宽度相同。 <div ref="topScroll" class="top-scroll"> <div class="top-scroll-content" :style="{ width: topScrollWidth }"></div> </div> <el-table ref="tableRef" :data="list" v-loading.body="listLoad...
el-table中设置fixed固定列之后错位的奇葩原因 场景 ElementUI中el-table设置指定列固定不动,不受滚动条影响: ElementUI中el-table设置指定列固定不动,不受滚动条影响_BADAO_LIUMANG_QIZHI的博客-博客_el-table固定列 给el-table设置fixed属性之后就可以使该列固定不动。
el-table Reproduction Link CodeSandbox Steps to reproduce 1.点击About 2.拖动el-table的横向滚动条 3.切换到Home再切换回去About 4.可以看到滚动条和滚动位置不匹配了 What is Expected? 滚动条和滚动位置一致 What is actually happening? 滚动条和滚动位置不一致 ...
// 滚动条样式 :deep(.el-table__body-wrapper) { // 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸 &::-webkit-scrollbar { width: 10px; height: 10px; } // 滚动条的轨道 &::-webkit-scrollbar-track { background-color: #00645c; } // 滚动条里面的小方块,能向上向下移动 &::-webk...
1.在el-table的一些列加fixed后,固定列的横向滚动条无法拖动问题: (1)加样式 1-1 如果有合计行的,适当增加bottom的值 (2)加上样式后,因为固定列有bottom: 17px的距离,会导致不固定列的滚动到底部后,与左侧发生错位 1-2 这时需加上: 1-3 2.有纵向滚动条,在横向拖到最右侧时,导致表格位置错乱 ...