[data grid] Pinned rows are hidden after unpinning

[bwood21]

Steps to reproduce

Link to live example. This example is based on the MUI pinning example, but using GridApiRef to set rows instead of using the rows prop.

Steps:

1. Click 'add row'
2. Click 'pin at the top' on any row
3. Click 'unpin' on a pinned row

Current behavior

The unpinned row is hidden

Expected behavior

The unpinned row should be shown in the table as it was before it was pinned

Context

I am trying to pin and unpin rows while using gridApiRef.current.updateRows() - the use case is a large, rapidly updating dataset that has significant performance issues when just using the rows prop to update the table. I am using 7.11.0 in my project, but this issue also occurs on the latest version. This issue is similar to #8013 - I am opening a new issue with an OrderID as requested by MUI X email support.

Your environment

npx @mui/envinfo

I'm running this on WSL and using Chrome from a Windows machine, so the info might be a bit strange here.
System:
    OS: Linux 5.10 Ubuntu 22.04.3 LTS 22.04.3 LTS (Jammy Jellyfish)
  Binaries:
    Node: 22.2.0 - ~/.nvm/versions/node/v22.2.0/bin/node
    npm: 10.7.0 - ~/.nvm/versions/node/v22.2.0/bin/npm
    pnpm: 9.1.0 - ~/.nvm/versions/node/v22.2.0/bin/pnpm
  Browsers:
    Chrome: 130.0.6723.70 (Official Build) (64-bit)

Search keywords: pin pinning gridApiRef
Order ID: 87442

[michelengelen]

That's definitely weird... I couldn't find a quick solution for this as well.
I'll add it to the board for the team to have a look! 👍🏼

[github-actions]

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

Note

@bwood21 How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.