Question

I have implemente table view using JQuery Mobile+Phone Gap

<ul data-role="listview">
  <li data-role="list-divider">A</li>
  <li><a href="index.html">Adam Kinkaid</a></li>
  <li><a href="index.html">Alex Wickerham</a></li>
  <li><a href="index.html">Avery Johnson</a></li>
  <li data-role="list-divider">B</li>
  <li><a href="index.html">Bob Cabot</a></li>

 </ul>

It shows only table view with one section

I need to implement a (table) list view with multiple sections

and set the headers for the table view sections

How it is possible

Answer 1

http://jsfiddle.net/eFEjL/

<ul data-role="listview">
                <ul data-role="listview">
  <li data-role="list-divider">A</li>
  <li><a href="index.html">Adam Kinkaid</a></li>
  <li><a href="index.html">Alex Wickerham</a></li>
  <li><a href="index.html">Avery Johnson</a></li>
  <li data-role="list-divider">B</li>
  <li><a href="index.html">Bob Cabot</a></li>
<u1>
 </ul>