el-table隐藏滚动条和滚动条所占的gutter宽度

最新推荐文章于 2024-04-04 19:01:14 发布

是我呀！卡布达

最新推荐文章于 2024-04-04 19:01:14 发布

阅读量1.1k

点赞数 3

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/weixin_40745445/article/details/131307792

版权

el-table隐藏滚动条和滚动条所占的gutter宽度

  /deep/ .el-table__body-wrapper::-webkit-scrollbar {
    /*width: 0;宽度为0隐藏*/
    width: 0px;
  }

  /deep/.el-table__body-wrapper::-webkit-scrollbar-thumb {
    border-radius: 2px;
    height: 50px;
    background: #eee;
  }

  /deep/.el-table__body-wrapper::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.4);
  }
  /deep/.el-table th.gutter{
    display: none;
    width:0
  }
  /deep/.el-table colgroup col[name='gutter']{
    display: none;
    width: 0;
  }

  /deep/.el-table__body{
    width: 100% !important;
  }