JqMobile表样式坏了吗?

时间:2013-12-03 16:18:52

标签: css jquery-mobile

我的表有问题当我上传到服务器时,JqMobile样式不起作用我希望datat水平不破坏。

http://jsfiddle.net/Tbu9U/ enter image description here 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>

1 个答案:

答案 0 :(得分:0)

这是您的小提琴更新: 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">