Skip to content

[data grid] getRowHeight not working properly with server side data #16547

Open
@SunriseFox

Description

Steps to reproduce

Steps:

  1. Open this link to live example: https://stackblitz.com/edit/react-qlma12ya?file=Demo.tsx
  2. Click next page button
  3. The height is back to default size (52px)
20250212151912_rec_.mp4

This is just a minimum modification of server data example
The latest version of MUI X 7 and 8 are both tested

Current behavior

the height is back to default size (52px) each row

Expected behavior

the height should still be 80px each row

Context

was worked

Your environment

npx @mui/envinfo
System:
    OS: Linux 5.15 Ubuntu 22.04.5 LTS 22.04.5 LTS (Jammy Jellyfish)
  Binaries:
    Node: 18.17.0 - ~/.nvm/versions/node/v18.17.0/bin/node
    npm: 9.6.7 - ~/.nvm/versions/node/v18.17.0/bin/npm
    pnpm: Not Found
  Browsers:
    Chrome: Not Found
  npmPackages:
    @emotion/react:  11.13.3 
    @emotion/styled:  11.13.0 
    @mui/base: ^5.0.0-beta.40 => 5.0.0-beta.58 
    @mui/core-downloads-tracker:  6.0.2 
    @mui/icons-material: ^6.0.2 => 6.0.2 
    @mui/lab: ^6.0.0-beta.9 => 6.0.0-beta.9 
    @mui/material: ^6.0.2 => 6.0.2 
    @mui/private-theming:  6.0.2 
    @mui/styled-engine:  6.0.2 
    @mui/system: ^6.0.2 => 6.0.2 
    @mui/types:  7.2.21 
    @mui/utils: ^6.0.2 => 6.0.2 
    @mui/x-data-grid:  8.0.0-alpha.11 
    @mui/x-data-grid-premium: 8.0.0-alpha.11 => 8.0.0-alpha.11 
    @mui/x-data-grid-pro:  8.0.0-alpha.11 
    @mui/x-date-pickers:  7.16.0 
    @mui/x-date-pickers-pro: ^7.16.0 => 7.16.0 
    @mui/x-internals:  8.0.0-alpha.11 
    @mui/x-license:  8.0.0-alpha.11 
    @types/react: ^18.3.5 => 18.3.5 
    react: ^18.3.1 => 18.3.1 
    react-dom: ^18.3.1 => 18.3.1 
    typescript: ^5.5.4 => 5.6.2

Search keywords: getRowHeight

Order ID: 107525

Metadata

Assignees

No one assigned

    Labels

    bug 🐛Something doesn't workcomponent: data gridThis is the name of the generic UI component, not the React module!feature: Server integrationBetter integration with backends, e.g. data sourcesupport: premium standardSupport request from a Premium standard plan user. https://mui.com/legal/technical-support-sla/

    Projects

    • Status

      🆕 Needs refinement

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions