ant design table设置scroll列表错位问题

将scrol的x设置为'100%'，再设置滚动条不占宽度

scroll="{ x: '100%', y: 'calc(100vh - 200px)'"

/deep/ .ant-table-header{
  overflow-y: overlay !important;
}

/deep/ .ant-table-body{
  border-right: #2f2f2f;
  overflow-y: overlay !important;
  //滚动条整体部分
  &::-webkit-scrollbar {
    width: 12px; //y轴滚动条粗细
    height: 12px; //x轴滚动条粗细
  }

  //滚动条里面的小方块，能上下左右移动（取决于是垂直滚动条还是水平滚动条）
  &::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
    background: #f5f7fa;
    margin-bottom: 10px;
  }
  //滚动条的轨道（里面装有thumb）滚动槽
  &::-webkit-scrollbar-track {
    -webkit-box-shadow: 0;
    border-radius: 0;
    background: rgba(0, 0, 0, 0.04);
    border-radius: 10px; //滚动条边框半径设置
  }
}