Table sorter gets stuck when render function is present on column

[kevinfling]

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.10.1

Environment

MacOS / Google Chrome Version 69.0.3497.100 (Official Build) (64-bit)

Reproduction link

https://codepen.io/anon/pen/YJvXrw

Steps to reproduce

const columns = [{
  title: 'Name',
  dataIndex: 'name',
  sorter: true, // This sorter gets stuck
  key: 'name',
  render: name => (<strong>{name}</strong>)
}, {
  title: 'Age',
  dataIndex: 'age',
  sorter: true, // This sorter works correctly
  key: 'age',
}];

Edit: This only seems to happen to the sort state when columns are inside render, so I believe it's related to #12571.

What is expected?

Sort should toggle from ascend/descend/none.

What is actually happening?

Sorter gets stuck on descending sort.

[ilanus]

https://codepen.io/anon/pen/NOzGmQ

[afc163]

Just move columns outside render: https://codepen.io/anon/pen/JmZRXp?editors=0010

[gijo-varghese]

@afc163 I'm facing the same issue. Moving it outside render function fixed the issue. But there are cases where props change and columns filers may change. Moving outside doesn't work in that situation

[adamdarr]

@gijo-varghese In that case, you can use controlled mode to manually set the sortOrder