ant design组件中左边滚动条导致列对不齐

在Ant Design的表格(`Table`)组件中，如果你设置了`scroll={{ y: '100%' }}`等让表格内容自动滚动到指定高度，可能会遇到左边滚动条导致列对齐不一致的问题。这是因为滚动条会影响到表格的总宽度，特别是在列宽固定的情况下。

为了解决这个问题，你可以尝试以下几种方式：

1. **动态调整列宽**：使用`撑开模式`(`expandable`)，当展开某一行时，会占用额外的空间，不会影响其他列的对齐。

<Table expandable>
  {/* ... */}
</Table>

2. **自定义滚动样式**：通过CSS覆盖默认的滚动条样式，隐藏左边滚动条，例如使用`::-webkit-scrollbar`伪元素来控制滚动条样式。

/* 隐藏滚动条 */
.table-scroll {
  -ms-overflow-style: none; /* IE 和 Edge */
  scrollbar-width: none; /* Firefox */
}

/* 自定义滚动条宽度和位置 */
.table-scroll::-webkit-scrollbar {
  width: 0;
}

然后将需要设置滚动的`Table`容器包裹在一个自定义的样式类里：

<div className="table-scroll">
  <Table {...} />
</div>

3. **限制滚动区域**：只在必要的时候启用滚动，比如使用`scrollY`属性仅在数据量超过屏幕时才开启。

<Table scroll={{ y: data.length > someThreshold ? '100%' : false }}>
  {/* ... */}
</Table>

如果以上方法都无法满足需求，可能是表格布局本身的设计问题，你可能需要考虑调整表头、列宽策略或者考虑是否真的需要滚动功能。