ant design vue 設置滾動條樣式及表格頭部樣式


在ant design vue中,表格頭部樣式要設置在ant-table-body中

 .ant-table-thead > tr > th {
    // background: #fff !important;
    white-space: nowrap !important; // 防止IE等瀏覽器不支持'max-content'屬性 導致內容換行
    background: #FAFAFA !important;
    color: #000000;
    border-bottom: 1px solid #e8e8e8;
  }
為表格設置橫向滾動條,添加以下樣式
 &::-webkit-scrollbar {
      width: 6px; /*高寬分別對應橫豎滾動條的尺寸*/
      height: 6px;
    }
    &::-webkit-scrollbar-thumb {
      border-radius: 6px;
      background: rgba(144, 147, 153, 0.5);
    }
    &::-webkit-scrollbar-track {
      border-radius: 5px;
      background: transparent;
    }
overflow-x:hidden 隱藏橫向滾動條

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM