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

vitaly-t picture vitaly-t  路  3Comments

kara picture kara  路  3Comments

constantinlucian picture constantinlucian  路  3Comments

dzrust picture dzrust  路  3Comments

MurhafSousli picture MurhafSousli  路  3Comments