[data grid] No slots for when all the columns are hidden and render blank rows

[shubhsk88]

Steps to reproduce

Link to live example: https://mui.com/x/react-data-grid/filtering/

Steps:

1. In filtering toolbar, click on manage columns
2. Click on select all twice to unselect all the items
3. It leaves me with the empty row, not allowing me to show some empty state which tell the user to tell that they have to select column

Current behavior

Screen.Recording.2024-08-30.at.09.55.11.mov

No slots for when there are no columns visible

Expected behavior

When the user unselect all the columns, he should see some sort of no column overlay which tell the user that they have to select some columns

Context

No response

Your environment

npx @mui/envinfo

  System:
    OS: macOS 14.6.1
  Binaries:
    Node: 20.11.0 - ~/.nvm/versions/node/v20.11.0/bin/node
    npm: 10.2.4 - ~/.nvm/versions/node/v20.11.0/bin/npm
    pnpm: 9.4.0 - ~/Library/pnpm/pnpm
  Browsers:
    Chrome: 128.0.6613.86
    Edge: 128.0.2739.54
    Safari: 17.6
  npmPackages:
    @emotion/react:  11.13.3 
    @emotion/styled:  11.13.0 
    @mui/base:  5.0.0-dev.20240529-082515-213b5e33ab 
    @mui/core-downloads-tracker:  5.16.4 
    @mui/joy:  5.0.0-beta.48 
    @mui/material:  5.16.7 
    @mui/private-theming:  5.16.4 
    @mui/styled-engine:  5.16.4 
    @mui/system:  5.16.4 
    @mui/types:  7.2.15 
    @mui/utils:  5.16.6 
    @mui/x-data-grid:  6.20.4 
    @mui/x-data-grid-premium:  6.20.4 
    @mui/x-data-grid-pro:  6.20.4 
    @mui/x-date-pickers:  6.20.2 
    @mui/x-date-pickers-pro:  6.20.2 
    @mui/x-license-pro: ^6.10.2 => 6.10.2 
    @types/react: 18.3.4 => 18.3.4 
    react: 18.3.1 => 18.3.1 
    react-dom: 18.3.1 => 18.3.1 
    styled-components: ^6.1.0 => 6.1.12 
    typescript: 5.5.4 => 5.5.4 

Search keywords: data-grid, columns

[michelengelen]

This is a duplicate of #13328