Components: Sticky header for lists

Created on 15 Jul 2019  路  1Comment  路  Source: angular/components

Feature Description

Subheaders sticky on lists.
This link shows perfectly how material.angularjs.org is using it.
https://material.angularjs.org/latest/demo/subheader

Use Case

This will work nicely from a UI point of view for mobile devices where lists can get long.
The example link shows division of messages quite nicely.

P4 materialist feature

Most helpful comment

It'd be nice for this to be supported through an API, but for now you can do this fairly easily using position: sticky, which is what we do for the sticky table header:

https://stackblitz.com/edit/angular-axk93w?file=app/list-overview-example.html

>All comments

It'd be nice for this to be supported through an API, but for now you can do this fairly easily using position: sticky, which is what we do for the sticky table header:

https://stackblitz.com/edit/angular-axk93w?file=app/list-overview-example.html

Was this page helpful?
0 / 5 - 0 ratings

Related issues

constantinlucian picture constantinlucian  路  3Comments

jelbourn picture jelbourn  路  3Comments

3mp3ri0r picture 3mp3ri0r  路  3Comments

Hiblton picture Hiblton  路  3Comments

michaelb-01 picture michaelb-01  路  3Comments