On resize, Column Width Function only called with index: 0

See: Sandbox

So I had this working yesterday but somehow broke it during a refactor. I’m building a replacement for Table & Column using MultiGrid. Because I have zebra striped rows, one requirement I have is to be able to add an invisible column to fill the remaining space. Upon resizing the window, the calculateColumnWidth function passed to MultiGrid is only called for index zero. You can confirm this by looking at the logs, which look something like this:

Here is the behavior I had working yesterday:

I don’t really want to force update the grids every render, I feel as though changing the width prop should handle that for me.

[mballoni]

In the end I’ve managed to make it working using “recomputeGridSize” at the AutoSizer event. Thanks!

[MrNice]

I’ve moved on from that position and no longer have access to the code, but my solution waited 500 ms after the final browser resize event to call one of the force calculate methods on Multigrid

On Tue, Dec 18, 2018, 11:29 AM Marcelo Balloni <[e-mail] wrote:

Hi @MrNice https://github.com/MrNice , how did you manage to get the desired behavior ? @bvaughn https://github.com/bvaughn Considering this specific use case, what would be the proper manner to deal with window resize using the AutoSizer and MultiGrid? I’ve tried using the same strategy with a function, just as @MrNice https://github.com/MrNice did, however the function is being invoked only at the first rendering. Should I invoke recomputeGridSize?

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/bvaughn/react-virtualized/issues/864#issuecomment-448340864, or mute the thread https://github.com/notifications/unsubscribe-auth/ACd6x8_9R2dXsbl131Q2rDdOitvnuaOBks5u6UIdgaJpZM4QOtr0 .