2

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

主要问题是表格在编辑值时重新排序，我还没有找到防止这种情况的方法。我正在寻找的行为是，当用户编辑单元格时，排序被“搁置”，当用户完成编辑时，表格被重新使用。有人有什么想法来完成这个吗？

4

1 回答 1

3

这个怎么样：

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

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

  • EditableSortableTable添加：

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

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

于 2017-05-19T10:31:34.780 回答