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