[data grid] Multiple lines/children in renderCell doesn't work

[venik2007]

Current behavior 😯

Multiple lines/children in cell doesn't work for v5 (example of solution on stackoverflow works fine for v4, but not for v5);

Expected behavior 🤔

Multiple lines/children in cell works well

Steps to reproduce 🕹

Steps:

1. Open codesandbox example and see result
2. Devtools disabling lineHeight solve this issue, but I can't find any workarounds to do it through the code (probably it assigned/calculated by scripts, mui devs knows better)

Context 🔦

This issue blocks me. I need to render array of elements in a cell (with my own component with scroller); example of structure:

type Metrics = {
  key: string; 
  value: number;
};

type ServerResponse = {
  // some fields from response
  metrics: Metrics[];
}

And I need to show that metrics array for each entity (row) in a single cell

Your environment 🌎

`npx @mui/envinfo`

  Browsers: Chrome

Order ID 💳 (optional)

No response

[DanailH]

Hi, @venik2007 thanks for raising this. It seems to be a duplicate of #417 and/or #438

You can also check here https://mui.com/components/data-grid/columns/#render-cell for a different approach.

[venik2007]

Hi @DanailH, i'm afraid, this is not duplication, because of:

1. This is not [DataGrid] Dynamic row height #417 because i don't need dynamic height, fixed height is fine for me
2. This is not [DataGrid] Variable row height #438 because i can configure row height through DataGrid rowHeight prop, and it will change to different height (see screenshot with height 100)
   

And i'm already provide a workaround hot to solve that (see screenshot with disabled lineHeight)

The problem is that i can't override that value even locally to fix it for my project

[venik2007]

I found workaround which works for me!
https://codesandbox.io/s/polished-moon-cwv7d?file=/src/Demo.tsx
Wrapping renderCell with <div style={{ lineHeight: "normal" }}> (i don't know why i didn't try it earlier)

[DanailH]

Ok, this must-have slipped through the notifications. I see what the pain is now, thanks for explaining. The problem is how we center the text.