Row grouping does not work as expected

I’m submitting a … (check one with “x”)

[x] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here, post on Stackoverflow or Gitter

Current behavior I’m using the code from the row grouping example. When I try to group rows, the groups seem to overlap each other.

Expected behavior Groups should be listed underneath each other.

Reproduction of the problem In Plnkr the grouping does not seem to output anything: http://plnkr.co/edit/Z1uj3NXxPbZUKlzFUY6D?p=preview

What is the motivation / use case for changing the behavior? Grouping should work as expected.

Please tell us about your environment:

• Table version: 10.2.1

• Angular version: 4.3.5

• Browser: All

• Language: All

** Preview of local behavior**

[jvandemo]

@CunhaGus — Thank you, it does not seem to be Angular Material related as far as I can see.

Instead, the problem seems indeed to be related to adding vertical scroll, as suggested by @gritman.

Here is the same datatable with grouping and vertical scroll enabled: http://run.plnkr.co/Tkl7tvHGGf5NiVIM/.

The rows overlap and the datatable does not render properly.

[przemyslav]

Any update on that?