How to set dynamic height for each row

[hasakilol]

Describe the bug

#626 The original thread sets dynamic width for each column.

Based on that, I want to set dynamic height for each row but fails.

Your minimal, reproducible example

https://codesandbox.io/p/devbox/tanstack-virtual-grid-dynamic-width-forked-sdchfq?workspaceId=ws_5yhawGbyv43APjso8JAU9M

Steps to reproduce

Refer to: #626 (comment)

1. Click Edit button on the preview page.

Expected behavior

After clicking Edit button, each row has proper height to contain the input box.

How often does this bug happen?

None

Screenshots or Videos

No response

Platform

• OS: Windows
• Browser: Chrome

tanstack-virtual version

v3.13.5

TypeScript version

No response

Additional context

No response

Terms & Code of Conduct

• I agree to follow this project's Code of Conduct
• I understand that if my bug cannot be reliable reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.

[hasakilol]

const rowVirtualizer = useVirtualizer({
    horizontal: false,
    count: data,
    indexAttribute: 'row-index', // this is the crucial part
    estimateSize: () => 31,
    overscan: 5,
    getScrollElement: () => parentRef.current,
    measureElement: (element, entry, virtualizer) => {
      const size = measureElement(element, entry, virtualizer);
      const index = Number.parseInt(element.getAttribute("row-index") as any);

      if (rowHeights.current[index] < size) {
        rowHeights.current[index] = size;
      }
      return rowHeights.current[index];
    },
});

I have figured out the reason. This thread is ok to close.