Sticky Row Pinning broken when row virtualization is enabled

[TobiasSenger]

material-react-table version

v3.0.1

react & react-dom versions

18.3.1

Describe the bug and the steps to reproduce it

When row virtualization is enabled, sticky row pinning does not work. As soon as I disable rowVirtualization or change the rowPinningDisplayMode to something else, it works again.

Minimal, Reproducible Example - (Optional, but Recommended)

const tableConfig: MRT_TableOptions<{ id: number }> = {
  data: Array(100).fill({ id: 'id' }).map((_, id) => ({ id })),
  columns: [
    {
      id: 'id',
      header: 'ID',
      accessorKey: 'id',
    },
  ],
  getRowId: (row) => row.id.toString(),
  enableRowVirtualization: true,
  enableRowPinning: true,
  rowPinningDisplayMode: 'sticky',
  enablePagination: false,
  enableStickyHeader: true,
  initialState: {
    rowPinning: {
      top: ['0'],
      bottom: [],
    },
  },
};

const table = useMaterialReactTable(tableConfig);

return <MaterialReactTable table={table} />;

Screenshots or Videos (Optional)

Do you intend to try to help solve this bug with your own PR?

Maybe, I'll investigate and start debugging

Terms

• I understand that if my bug cannot be reliably reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.