在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 隐藏横向滚动条

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-10-10
  • 2021-11-29
  • 2022-12-23
猜你喜欢
  • 1970-01-01
  • 2021-09-03
  • 2022-12-23
  • 2021-12-11
  • 2021-04-21
  • 2022-12-23
相关资源
相似解决方案