Usage with display: grid

[oleggrishechkin]

Usage with display: grid

[oleggrishechkin]

Please, show me your JSX code (itemMinHeight correct? marginBottom? try flex: 0 1 auto in columns style)

but i see your case - you have equal row height

so one list preferred (code below)

<div className=“column”>
    <ViewPortList ...>
        {(...) =>
            <div className=“row”>
                ...
            </div>
        }
    </ViewPortList>
</div>

[oleggrishechkin]

Multicolumn grid is unsupported, you can try to use ViewPortList this way:

<div className=“row”>
    <div className=“first-column”>
        ... render ViewPortList 1
    </div>
    <div className=“second-column”>
        ... render ViewPortList 2
    </div>
</div>

row - scroll container
use margin instead of gap

[nevolgograd]

It worked, but... i'm not scrolling.