Resizable column width is reset after checking cell

[shyzw]

Versions

package	version
react	17.0.2
rsuite-table	5.7.1

What is the expected behavior?

The column keeps width after checking cell.

What is the current behavior?

The column width is reset after checking cell.

What are the steps to reproduce?

• Set 'resizable' prop to Column in sandbox below.
  https://codesandbox.io/s/rlb2cs
• Resize column width
• Check cell

Table.-.React.Suite.mp4

Any additional comments? (optional)

[simonguo]

Hi @shyzw
The custom column width is reset because the component re-renders when the table's children are changed. In order to save the column width, you can get the column width through the column's onResize callback, save it in the state, and let the column width be controlled.

Reference example: https://table.rsuitejs.com/#custom-cell

https://github.com/rsuite/rsuite-table/pull/374/files

[shyzw]

Hi @simonguo
Thank you for your reply. I will try that.