Ant设计表，可以排序和编辑

Question

我正在尝试创建一个可排序和可编辑的Ant.Design表。 Ant.Design文档显示了两者的示例代码（here和here）。我尝试将这些组合在一个最小的代码存储库中：https://github.com/Silox/Ant-Design--EditableSortableTable。

主要问题是在编辑值时表被重新排序，我还没有找到防止这种情况的方法。我正在寻找的行为是，当用户编辑单元格时，排序被“保持”，并且当用户完成编辑时，表格被使用。有人有任何想法要做到这一点吗？

Answer 1

这个怎么样：

• 将布尔状态editing添加到EditableSortableTable。

• 将其设置为setEditable/setNotEditable至isEditableMap.length > 0。

• EditableSortableTable添加：

shouldComponentUpdate(nextProps, nextState) { return !(nextState.editing && this.state.editing) }

[更新] 鉴于要求不使用shouldComponentUpdate()，您可以在表对象上引入新的_sortTitle道具并对行进行排序基于这个道具。此道具未呈现，但在安装时设置为title，然后仅在标题单元格的编辑完成后更新。