Sort and width column feature doesn't work when it's in a hidden div in Chrome (49)

[garciasa]

Hi,
now i now what it's wrong, if you put a table, as part of bootstrap Tab, and that Tab it's not a default Tab (it's hidden at the beginning), when you click on that tab, and try to order one of the column, all of them disappears, except the first one...

It's working properly when the table is in the default tab and it's the first you see when you load the component.

This behavior is in Chrome (last version), in IE11 works properly.

Any suggestion??

[AllenFang]

@garciasa, ok I understand, could you please me a example code and tell me the react-bootstrap version. It's helpful for me to debug, because I'm not familiar with react-bootstrap, so a repo is better :)

[garciasa]

Sure, this is my test component, by default the tab is the second one defaultActiveKey={2}, in that way is not working, if you change to {1}, in which the table is then works.

I don't know why i'm not able to format code here, sorry, in the link you've the component...

http://pastebin.com/8jqP0UYC

[AllenFang]

great 👍 I'll check this out

[garciasa]

Perfect! Thank you.....

[garciasa]

Hi,
i updated it, because I've the same issue with the width property... when you render a component, if it is in a hidden div, it doesn't works properly...

Cheers.

[AllenFang]

HI @garciasa, v2.0.0 has been released, you can check #331 for more detail explanation and I'll close this issues, if problem still remain, please tell me on #331 or open an issue