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