css - JqMobile表格样式坏了？

Question

我的表有问题 JqMobile 样式在我上传到服务器时不起作用 我希望数据水平不损坏。

http://jsfiddle.net/Tbu9U/ html

    <table data-role="table" id="productOrders" data-mode="reflow" class="ui-table ui-table-reflow">
   <thead>
      <tr>
         <th>Code</th>
         <th>Name</th>
         <th>Price</th>
         <th>Qty.</th>
         <th>Ext.</th>
      </tr>
   </thead>
   <tbody>
      <tr>
         <td><b class="ui-table-cell-label">Code</b></td>
         <td><b class="ui-table-cell-label">Name</b></td>
         <td><b class="ui-table-cell-label">Price</b></td>
         <td><b class="ui-table-cell-label">Qty.</b></td>
         <td><b class="ui-table-cell-label">Ext.</b></td>
      </tr>
      <tr>
         <td>uj7uu</td>
         <td>games</td>
         <td class="dollars">$70</td>
         <td>3</td>
         <td>$210</td>
      </tr>
   </tbody>
</table>

Answer 1

这是您更新的 fiddle : http://jsfiddle.net/ezanker/Tbu9U/1/

唯一的变化是表格标记，删除类 ui-table-reflow 并添加 ui-responsive:

<table data-role="table" id="productOrders" data-mode="reflow" class="ui-table ui-responsive">