在表格中按字母順序排列列表項目，以列表分隔符作爲首字母

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