How to create a List with section headers.

  

I'm building a mobile app with Platform 10.  Let's say I have a list of Sales Reps grouped (sorted by) by US States.  I want to display my list of reps on a sectioned list with section headers showing the state name as I scroll to the list.  The section headers are sticky at the top of the list as you scroll through the group. Header title changes as you scroll past the end and the next group starts.  I haven't found a widget or a pattern to do that yet.  Perhaps I am missing something very obvious.  Can anyone point me to an example on how to do this type of list with Platform 10?  See attached image for an example.  Thank you.

This JQuery plugin should do the trick :)

Hi there,

Is there a way to do this with a standard OutSystems component or action? Else I think this would be a great addition to the List Component :)

Regards,

Jasper

Hi Jorge,

Use Header Fixed plugin it is very easy to use, just pass few value to it and it will work.


Thanks

-HM-

hitesh maran wrote:

Hi Jorge,

Use Header Fixed plugin it is very easy to use, just pass few value to it and it will work.


Thanks

-HM-

Hi Hitesh,

Your solution targets a table with one sticky header, unfortunately not a mobile list with multiple sticky section headers. See Jorge's attachments ;)

Jasper