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