weixin_43551840
我爱吃西瓜喵
2019-05-08 09:21
采纳率: 61.5%
浏览 7.8k

element表格滚动条问题

如图:

图片说明
图片说明

修改了表格原有的滚动条样式(宽度变窄),但是原有的宽度还有留在那里,我的操作栏那一列是固定fixed的,所以最右边就会留下缝隙,横向滚动来回滚动时也会出现缝隙

贴上滚动条样式代码

图片说明

操作栏列代码

<el-table-column align="center" label="操作栏" width="140" fixed="right">
          <template slot-scope="scope">
            <el-button
              size="mini"
              plain
              type="primary"
            >编辑</el-button>
            <el-button
              size="mini"
              plain
              type="danger"
            >删除</el-button>
          </template>
        </el-table-column>

求助。。。。

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • weixin_45093724
    Horses丶浩 2020-12-05 15:13

    大佬 解决了吗

    点赞 评论
  • weixin_45093724
    Horses丶浩 2020-12-05 15:17

       // 当没有滚动条的时候 

        .el-table__body-wrapper.is-scrolling-none~.el-table__fixed-right{

            right: 0px !important;

          }

        // 当有滚动条的时候 默认偏移距离

        .el-table--scrollable-y .el-table__fixed-right{

            right: 13px !important;

        }

    解决方法

    点赞 评论
  • weixin_45093724
    Horses丶浩 2020-12-05 15:17

       // 当没有滚动条的时候 

        .el-table__body-wrapper.is-scrolling-none~.el-table__fixed-right{

            right: 0px !important;

          }

        // 当有滚动条的时候 默认偏移距离

        .el-table--scrollable-y .el-table__fixed-right{

            right: 13px !important;

        }

    点赞 评论

相关推荐