Hiding a column leaves a visible sliver — how to fully hide column (ReactGrid v5)

[Jana373]

Hi! 👋 I'm using ReactGrid v5 and I’m trying to hide columns dynamically.

I store my columns in state and update their widths based on a hiddenColumns array. However, when I hide a column, I still see a thin border and sometimes the first character of each cell. It doesn’t fully disappear.

What am I doing wrong?
Is there a recommended way to properly hide a column so it’s completely invisible?

Thanks in advance! 🙏

    const getColumns = (headerRow: string[]): Column[] =>
        headerRow.map((_, index) => {
            const isHidden = hiddenColumns.includes(index);

            return {
                colIndex: index,
                width: isHidden ? 0 : 150,
                minWidth: isHidden ? 0 : 50,
                resizable: !isHidden,
            };
        });