Skip to content
This repository has been archived by the owner on Jan 15, 2022. It is now read-only.

inclusion of filter header removes ability to size table columns #375

Open
andrewlorenz opened this issue May 15, 2017 · 0 comments
Open

Comments

@andrewlorenz
Copy link

andrewlorenz commented May 15, 2017

the addition of the filter block tr class=reactable-filterer within the thead block (and before the actual row headers as provided to the component) is overriding any css/inline styling of the column widths. Also, the html standard colgroup settings before the thead cannot be used because they are rejected, with the message "The only possible children of Table are Thead, Tr, or one Tfoot".
This causes a secondary issue with column sorting - as the columns default to dynamic widths according to the data they contain, when changing the sort order the table columns can resize - meaning both the headings and the column data can 'jump' left and right.
Whereas as soon as the filter tr is removed, the table column widths observe their sizing via styling correctly, and sorting does not cause the table to jump.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant