tusen-ai / naive-ui

A Vue 3 Component Library. Fairly Complete. Theme Customizable. Uses TypeScript. Fast.
https://www.naiveui.com
MIT License
16.18k stars 1.67k forks source link

固定列添加排序后,列重叠 #6293

Open GateCross opened 2 months ago

GateCross commented 2 months ago

描述错误

image

启用排序的固定列,在左右滑动时,遮挡无效,如上图。

复现步骤

{ title: 'Age', key: 'age', width: 100, fixed: 'left', sorter: true //固定列添加排序 }

最小复现链接

https://codesandbox.io/p/sandbox/crazy-voice-jz5n7w

系统信息

2.39.0

使用的包管理器

npm

验证

GateCross commented 2 months ago

重新覆写n-data-table可以解决这个问题 .n-data-table { width: 100%; font-size: var(--n-font-size); display: flex; flex-direction: column; position: relative; --n-merged-th-color: var(--n-th-color); --n-merged-td-color: var(--n-td-color); --n-merged-border-color: var(--n-border-color); --n-merged-th-color-sorting: var(--n-th-color);//原值var(--n-th-color-sorting) --n-merged-td-color-hover: var(--n-td-color-hover); --n-merged-td-color-sorting: var(--n-td-color);//原值var(--n-td-color-sorting) --n-merged-td-color-striped: var(--n-td-color-striped); }