star Bemat Admin Exclusive Premium Plugin
Subheaders are special list tiles that delineate distinct sections of a list or grid list and are typically related to the current filtering or sorting criteria.
Initializing
To work with subheader lists, you must initialize the jquery.subheader.js
by calling the init method, or using the data-toggle="subheader"
attribute.
$(".subheader-list-demo").subheader();
Subheader Sticky
Upon scrolling, subheaders remain pinned to the top of the screen until pushed on or off screen by the next subheader.
Examples:
Sticky Subheader 1
-
Peter Carlsson
-
Trevor Hansen
-
Peter Carlsson
-
Trevor Hansen
Sticky Subheader 2
-
Peter Carlsson
-
Trevor Hansen
-
Peter Carlsson
-
Trevor Hansen
Sticky Subheader 3
-
Peter Carlsson
-
Trevor Hansen
-
Peter Carlsson
-
Trevor Hansen
HTML Code:
Sticky Subheader 1
![]()
Peter Carlsson
![]()
Trevor Hansen
![]()
Peter Carlsson
![]()
Trevor Hansen
Sticky Subheader 2
![]()
Peter Carlsson
![]()
Trevor Hansen
![]()
Peter Carlsson
![]()
Trevor Hansen
Sticky Subheader 3
![]()
Peter Carlsson
![]()
Trevor Hansen
![]()
Peter Carlsson
![]()
Trevor Hansen