fusion.design 中的 Table 叠加使用排序和锁列时排序功能异常

问题:React + fusion.design 中使用 Table,排序功能和锁列功能叠加使用,排序功能不正常:sortIcons 不显示选中状态,偶尔不发排序请求。

 

 

去掉 lock: true:排序正常。

加上 lock: true

  • mac chrome:排序正常;
  • mac safari:排序异常;
  • windows chrome:排序异常。

排序使用说明:

    此处不是按照官网示例里的冒泡排序,因为示例里的排序仅限于数字类型如编号 001-097 这类排序,所以需要后端完成排序功能。

  具体实现:在 onSort 事件监听的函数里,监听修改 sortBy、sortOrder的值, 从而请求后端接口获取更新数据。

 

解决方法:

fusion design 的 Table 的 lock 性能有问题,将fusion design 升级到 1.21,使用 Table.StickyLock;

 

参考文件:

https://fusion.design/pc/component/table?themeid=2

 

posted @ 2021-04-08 10:27  Freya~  阅读(307)  评论(0)    收藏  举报