search

hemengke1997 / use-antd-resizable-header

antd table 表格头列拖拽 hook / React Hook makes antd Table Header resizable.
https://hemengke1997.github.io/use-antd-resizable-header/
MIT License
240 stars 50 forks source link

和antd Table 的兼容性问题 #71

Closed Yang-Xinping closed 11 months ago

Yang-Xinping commented 11 months ago

给antd Table使用了component和columns之后，antd的其它属性不起效果，例如排序和筛选，希望大佬能给个解决办法

hemengke1997 commented 11 months ago

什么版本呢

Yang-Xinping commented 11 months ago

antd: 4.24.1, 这个插件最新版

hemengke1997 commented 11 months ago

贴一下关键代码，我刚才本地试了，排序筛选没问题

Yang-Xinping commented 11 months ago

微信图片_20231207155823 暂时不方便上传代码。我排查到问题了，排序的话，我原本是动态改变sortOrder的值, 就是columns会动态改变的，而在useAntdResizableHeader中用了useMemo包裹了一层columns, 那里没有依赖项，导致columns一直更新不了，我给useMemo加个依赖项就好了。筛选那里应该也是类似的问题导致的。大佬的设计牛逼！

hemengke1997 commented 11 months ago

ok~ 感谢