React-table: Extra sorting action after resizing column.
Describe the bug
When using both useResizeColumns and useSortBy like Examples in Documentation, Drag 'resizer' will trigger Header click events and do sort every time. Bubbling?
Expected behavior
Drag 'resizer' to resize column, NO SORT.
Codesandbox!
cXiaof
All 5 comments
You can solve this problem by taking different elements for header content on which you apply sort props and a sibling to it which applies resize props, something like https://codesandbox.io/s/tannerlinsleyreact-table-column-resizing-jel1b can help you.
gargroh
on 17 Nov 2019
鈽濓笍 Well said. Apply the props to different elements.
tannerlinsley
on 20 Nov 2019
@tannerlinsley Maybe this should be mentioned in the docs, but I'm not sure where exactly. I had to search the issues to find this information.
thexpand
on 21 Jan 2020
I did not see resize working in this link: https://codesandbox.io/s/tannerlinsleyreact-table-column-resizing-jel1b
tai101568
on 26 Jun 2020
but it is working on my component. Thanks @gargroh
tai101568
on 26 Jun 2020
Related issues
dwjft
路
3Comments
monarajhans
路
3Comments
mellis481
路
3Comments
danielmariz
路
3Comments
Abdul-Hameed001
路
3Comments
Most helpful comment
You can solve this problem by taking different elements for
header contenton which you applysort propsand a sibling to it which appliesresize props, something like https://codesandbox.io/s/tannerlinsleyreact-table-column-resizing-jel1b can help you.