在表格中按字母顺序排列列表项目，列表分隔符作为首字母

Question

在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>
      <li><a href="index.html">Bwaaaat</a></li>

     </ul>

对于少量数据来说很好，但我们使用数据包作为列表项。

我需要按字母顺序显示项目，即使我按任何顺序输入数据。 （不用硬编码手动设置）

单词的第一个字母作为标题中的标题。

最后，如何为列表标题设置主题/颜色？

Answer 1

对于排序，您可以使用sorttable.js，但这是用于对表进行排序，您必须根据您的要求进行更改。

对于主题，你可以使用.....

<section  data-role="page" data-theme="a">

custom theme有一个很好的链接。我希望它对您有用。

http://www.adobe.com/devnet/dreamweaver/articles/theme-control-jquery-mobile.html