jQuery listview with header and footer

Question

I am using jQuery mobile to build a mobile app and I want to show a list of items. The obvious choice here is to use listview. But this list has a header (that contains name of the list) and a footer (that contains summary of the list). To show the header I think I should use list-divider. But I don't know what should I use to show the footer. The list looks something like:

Answer 1

I would think you could use a divider for both? Depends on your styleing I suppose. You could also style each one uniquely.

Do one at the start and end of your

  <ul> <li data-role="list-divider" role="heading">Sheet: Scores</li> <li></li> <li></li> <li></li> <li data-role="list-divider" role="heading">Total</li> </ul>