sub-heading for grid (or list)

[Compufreak345]

Description

I am currently trying to implement a grid, but with sub-headings and I am not able to do it using a single iron-list. It would be great if there was some kind of way to define a sub-heading inside a grid or a list. I did not find a way to do so, maybe somebody can think of a way or it would be a useful feature?

Expected outcome

Something like this (taken from the material design spec) :

Actual outcome

No grouping possible.

Live Demo

https://jsbin.com/rupupan/edit?html,output - here I would want to start a new section at every element that says "gimme a heading"

Steps to reproduce

Browsers Affected

• [x] Chrome
• [x] Firefox
• [x] Safari 9
• [x] IE 10
• [x] Safari 8
• [x] Safari 7
• [x] Edge
• [x] IE 11

[blasten]

I agree it's a missing feature.

[evorapa]

Is this feature currently being worked on?

I see that an example was posted for grouping here, but this only works for a non-grid iron-list. I'm trying to get subheadings for groups to display in an iron-list grid layout like the picture above.