el-table组件去掉滚动条的问题


el-table组件去掉滚动条

.el-table__body-wrapper::-webkit-scrollbar {
	width: 0;
}

如果是多个table拼接在一起,即使设置了width:0; 若出现滚动条table之间依然有一条线,此时可以判断是否出现滚动条,若存在滚动条就给table的父元素设置一个class,并设置以下属性:

.table-box {
    .el-table {
      border-right: none !important; /*该样式在有滚动条时去掉右边的border,达到单一border效果*/
    }
  }

判断是否滚动

isTableScrollX() {
      // table是否在y轴滚动
      const max = this.tHeight // table最大高度
      const height = this.fList.length * 36 // table高度固定36px
      return max < height
}


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM