如何使一個listview項目像控制組？

Question

我想展示我的這種數據https://dl.dropboxusercontent.com/u/12173475/sample.png，
有點像控制組，但控制組似乎並沒有合併兩個標籤， 我該怎麼辦？

這是我的代碼（暫時），但我希望這些（如控制組）之間有一條線。

<ul data-role="listview" data-inset="true"> 
    <li> 
     <div>name</div> 
     <div class="ui-li-aside">name1</div> 
    </li> 
</ul> 

Answer 1

你可以通過修改CSS來完成。

HTML

<ul class='my_list' data-role="listview" data-inset="true"> 
    <li> 
     <div>name</div> 
     <div class="ui-li-aside">name1</div> 
    </li> 
</ul> 

CSS

.my_list li{ 
    padding:0px !important; 
} 
.my_list li div{ 
    padding:10px; 
} 
.my_list li div:nth-child(2){ 
    width:10%; 
    border-right:1px solid #ccc; 
} 
.my_list li .ui-li-aside{ 
    margin:0px; 
} 

這裏是演示Fiddle