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
}