[Table] Possibility to add html in between table rows ?

Bug, feature request, or proposal:

More of a question if this is possible or not.

What is the expected behavior?

I would like to be able to add markup below each row so I can show it conditionally on row click so it would behave like an accordion. Additional infos would be contained in a div with an ngIf and triggered on row click.

To illustrate what I am trying to achieve :

| Firstname | Lastname | email |
| <div *ngIf="row is clicked">Additional Content</div> |
| Firstname | Lastname | email |
| <div *ngIf="row is clicked">Additional Content</div> |

What is the current behavior?

The cdk docs states Any content placed inside of the header row or data row template will be ignored, as the rendered content of the row comes from the cell templates described above. so it seems that what I’m trying to achieve is not possible.

What are the steps to reproduce?

As stated in the docs any attempt to add markup between the md-row tags will be ignored.

[willshowell]

Here is a very brittle example of how you might achieve this:

https://plnkr.co/edit/ZL6OnWwVmOCPYetp96XX?p=preview

However I do wish that this was a little easier. @jelbourn could you comment on whether this is the best approach? As @Lakston alluded to, once people in the community understand how to work with the table, SO/Gitter questions will actually get correct answers. But for now, there’s a lot of confusion out there, and certainly no information regarding this particular topic.

[Lakston]

We should ask people who probably have no idea instead of the people who actually made and know the tool if something is possible ? That doesn’t sound great.