minWidth ignored on flex columns about fixed-data-table-2 HOT 7 CLOSED

Glad to hear! I'll update the documentation to make the differences / usage of minWidth and width more clear.

from fixed-data-table-2.

Hey @dcoales can you try switching minWidth to width and see if that fixes things.
This example seems to do things that way. Definitely not intuitive that it works that way...

from fixed-data-table-2.

This was the answer. Many thanks.

Cheers
David

On Thu, 30 Jun 2016, 02:39 Chris Jordan, [email protected] wrote:

Hey @dcoales https://github.com/dcoales can you try switching minWidth
to width and see if that fixes things.
This example
http://schrodinger.github.io/fixed-data-table-2/example-flexgrow.html
seems to do things that way. Definitely not intuitive that it works that
way...

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
#23 (comment),
or mute the thread
https://github.com/notifications/unsubscribe/ASvbdz-tRncTg2MZLrMAY0JrswzYlwfkks5qQx5ugaJpZM4JBLCb
.

from fixed-data-table-2.

I haven't been able to get the "FlexGrow" property to work. I have literally copied and pasted the code from the example and am using my own data to populate the table, but my table doesn't resize at all. Has anyone else had a tough time with this?

from fixed-data-table-2.

I haven't heard of anything, but can look if you can put up a jsfiddle that repros the issue.

One common point of confusion is expecting the grid to grow to fill it's container which is not supported. That can be added with an HOC like react-dimensions though. Some discussion is here: facebookarchive/fixed-data-table#62 (comment)

from fixed-data-table-2.

I found a good work around for this problem! Well.. good is subjective.

But it is something like this... take it or leave it.

componentWillMount() { this._updateDimensions(); }

componentDidMount() { window.addEventListener("resize", this._updateDimensions); }

componentWillUnmount() { window.removeEventListener("resize", this._updateDimensions); }

_updateDimensions(){this.setState({tableWidth: ($(window).width()+100), tableHeight: ($(window).height()-150)}); }

Set the height and width props of your table to this.state.tableHeight and this.state.tableWidth. Adjust the dimensions as necessary for your layout. It takes a second to resize so it's DEFINITELY NOT optimal. But it gets the job done for our Beta app we're building.

Cheers!

from fixed-data-table-2.

Closing this since theres no actionable follow up

from fixed-data-table-2.