How to make one column grow, and all others occupy space depending on content
Hello, I am currently working on a project using react-table version 7, and in that project we plan to display more than 500 tables (all tables will have a dynamic number of columns, from 4 to 20 and more). Tables are rendered with the useFlexLayout hook. But the question would be partly simple. There is one column that must occupy as much space as possible. The remaining columns must occupy as much space as the content of the header (cells should resize if the header expands when the sorting icon appears). Btw, when specifying width: auto, the headers are perfectly sized, but the cells are not the same length as the headers. Maybe someone knows how to solve this problem? Showing an example of a similar table would help a lot.
0 Replies