Add dynamic grid sizing

2026-06-11 23:04:40 +02:00 · 2023-08-07 14:42:47 -07:00
parent 1ab75f7187
commit f09ad1da89
15 changed files with 127 additions and 52 deletions
@@ -72,7 +72,7 @@ export const VirtualInfiniteGrid = forwardRef(
        const [itemData, setItemData] = useState<any[]>(fetchInitialData?.() || []);

        const { itemHeight, rowCount, columnCount } = useMemo(() => {
-            const itemsPerRow = itemSize;
+            const itemsPerRow = width ? Math.floor(width / itemSize) : 5;
            const widthPerItem = Number(width) / itemsPerRow;
            const itemHeight = widthPerItem + cardRows.length * 26;