ant desgin a-table 写了fixed: 'left' 后 表格hover效果导致背景色错乱，拖拽滚动条后，把本该隐藏的显示出来来。怎么解决

Question

ant desgin a-table 写了fixed: 'left' 后 表格hover效果导致背景色错乱，拖拽滚动条后，把本该隐藏的显示出来来。怎么解决，找不到地方？急!

  <a-table :columns="modalColumns" :data-source="modalLoadData" bordered :row-key="(record) => record.id" :scroll="{ x: '100%', y:modalTableHeight }" :pagination="false" :loading="loading">
      <template #bodyCell="{ column, record, index }">
        <template v-if="column.dataIndex === 'index'">
          {{ index + 1 }}
        </template>
      </template>
    </a-table>

 columns = [
        {
          title: '序号',
          dataIndex: 'index',
          key: 'index',
          align: 'center',
          width: 70,
          fixed: 'left'
        },
        {
          title: typeYs[res.type],
          dataIndex: 'indicatorName',
          align: 'left',
          fixed: 'left',
          width: titleWidth[res.type],
        }
      ];

Answer 1

可以控制台看下样式，应该设置下td的z-index就能解决