Реализовать представление списка с несколькими столбцами

Question

У меня есть реализовать приложение iPhone в JQuery мобильного и телефон Gap

Использование представления списка можно реализовать обычные представления таблиц, вложенные представления таблиц.

<ul data-role="listview" data-inset="true" class="ui-listview"> 
         <li data-role="list-divider">Location</li> <!-- Section Header --------> 


         <li>Primary</a></li> 
         <li>Primary </li> 
         <li>Secondary</a></li> 
         <li>Secondary</li> 

        </ul> 

, но все они имеют только один столбец, несколько строк.

Теперь мне нужно создать таблицу (просмотр списка) с несколькими столбцами.

Как я могу создать список с несколькими столбцами?

Answer 1

Попробуйте это, я надеюсь, что он будет работать ......

<ul> 
<li> <!--first item --> 
<table> 
    <tr> 
     <td>Heading1</td> 
     <td>Meaning1</td> 
    </tr> 
    <tr> 
     <td>Heading2</td> 
     <td>Meaning2</td> 
    </tr> 
    <tr> 
     <td>Heading3</td> 
     <td>Meaning3</td> 
    </tr> 
</table> 
</li> 
<li> <!-- second item --> 
<table> 
    <tr> 
     <td>Heading1</td> 
     <td>Meaning1</td> 
    </tr> 
    <tr> 
     <td>Heading2</td> 
     <td>Meaning2</td> 
    </tr> 
    <tr> 
     <td>Heading3</td> 
     <td>Meaning3</td> 
    </tr> 
</table> 
</li> 
</ul> 

Существует link которым содержат хорошую информацию