PROSAGA码农传奇-jqueryMobile-JqueryMobile添加2列表

JqueryMobile添加2列表

作者: 谦逊的毛巾
发布时间: 2024-06-05 12:30:04 (26天前)
转自：

<div class =“post-text”itemprop =“text”>
  <P>
    只需删除data-role =表：
  </p>
  <BLOCKQUOTE>
    <P>
      这里有一个
      的<strong>
        <a href="http://jsfiddle.net/ezanker/svohdp0n/" rel="nofollow">
          DEMO
        </A>
      </强>
    </p>
  </BLOCKQUOTE>
   <pre>
    <code>
      <table id="MyTable" class="ui-responsive table-stroke">
    <thead>
        <tr>
            <th class="left">Col 1</th>
            <th class="right">Col 2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td class="left">Row 1 Col 1</td>
            <td class="right">Row 1 Col 2</td>
        </tr>
        <tr>
            <td class="left">Row 2 Col 1</td>
            <td class="right">Row 2 Col 2</td>
        </tr>
        <tr>
            <td class="left">Row 3 Col 1</td>
            <td class="right">Row 3 Col 2</td>
        </tr>
        <tr>
            <td class="left">Row 4 Col 1</td>
            <td class="right">Row 4 Col 2</td>
        </tr>                
    </tbody>
</table>

#MyTable {
    width: 100%;
}
#MyTable .left {
    text-align: left;
}
#MyTable .right {
    text-align: right;
}

</code>
  </pre>
</DIV>