[data grid] print layout of Export > Print is broken

[lukaskoeller]

[data grid] print layout of Export > Print is broken

[michelengelen]

Hey @lukaskoeller and thanks for raising this.
It seems as if the footer has no background color defined by default.

using this makes it work:

sx={{
  blockSize: 629,
  [`& .${gridClasses.footerContainer}`]: {
    backgroundColor: 'white',
  },
}}

[michelengelen]

Noted: this is just a workaround and we should look into fixing this.
cc @cherniavskii

[lukaskoeller]

Hey @lukaskoeller and thanks for raising this. It seems as if the footer has no background color defined by default.

using this makes it work:

sx={{
  blockSize: 629,
  [`& .${gridClasses.footerContainer}`]: {
    backgroundColor: 'white',
  },
}}

Thanks @michelengelen for the workaround. Though, I noticed that for both the v6 and the v7 reproduction, the last row in the table is then always hidden behind the table footer. I would expect this one to be visible as any other table row. Isn't it something that needs to be fixed too?

[lukaskoeller]

@michelengelen I tried to get a more similar reproduction to our production application. I noticed that it still looks off, even with your workaround applied:

Actual

There's a bottom border line and the last visible row is cut of

Expected

• No bottom border line
• All 7 items, not only 6 are visible
• The last row (in this case the 6th) is not cut off vertically

Reproduction: https://stackblitz.com/edit/react-z2fhwt-71kzsu?file=Demo.tsx