Column Widths Won't Enlarge

I have a rather simple React Table like ``` <ReactTable data={dataArray} columns={columns} />

Columns are not able to be enlarged when I click and drag, nothing happens.

[tannerlinsley]

There’s been some work on this, but it’s stalled because HTML tables don’t support manual width resizing when there are multiple-headers (col-span conflicts). Technically you can do this on your own in your Table component without any extra stuff from React Table. You could even implement this pattern: https://www.brainbell.com/javascript/making-resizable-table-js.html, but you won’t be able to use multiple headers.

We’ll keep working on a drop-in solution though. It might take some time. This shouldn’t discourage you from upgrading though. HTML tables are way better at automatic resizing that flexbox ever will be. With proper line breaks in your cell renderers when needed, you likely wouldn’t need resizing for most use cases (but there are a few where you would)

[Graveheart]

Thanks for the fast response, Tanner. It’s only for our big tables that we’re still using v6 but I’ll update them as well and try the solution you sent me since we aren’t using multiple headers anyway.