4

固定ヘッダーの解決策をいくつか見つけましたが、どれも問題を解決しません。

jQuery モバイル (レスポンシブ テーブル) でスタイル設定されたテーブルがあります。このテーブルには動的に.append. 列の幅は固定ではなく、さまざまです。テーブルのヘッダーを修正して、複数のテーブルを使用せずに、ヘッダーが常に上部に表示された状態でテーブル本体をスクロールできるようにする方法はありますか。

概要：

固定ヘッダーを持つ単一のテーブルが必要です。

これはほとんどの Web 開発者が使用できるものであると想定しているため、これには標準がないことに驚いています。私が間違っている場合は、私を修正してください。

前もって感謝します！

編集：

例：

<table id="my_id" data-role="table" class="ui-body-d ui-shadow table-stripe
 ui-responsive">
    <thead id="must_be_static">
       <tr>
          <th>This guy should be static</th>
          <th>This guy should be static</th>
          <th>This guy should be static</th>
          <th>This guy should be static</th>
          <th>This guy should be static</th>
       </tr>
    </thead>
    <tbody id="id_for_content">
       <tr>
          <td>Dynamic content</td>
          <td>Dynamic content</td>
          <td>Dynamic content</td>
          <td>Dynamic content</td>
          <td>Dynamic content</td>
       </tr>
    </tbody>
    <tfoot>
       <tr>
          <td>Foot</td>
          <td>Foot</td>
          <td>Foot</td>
          <td>Foot</td>
          <td>Foot</td>
       </tr>
    </tfoot>
</table>
4

3 に答える 3

0

おそらく、次のhttp://www.datatables.net/extras/fixedheader/がうまくいくでしょうか?

于 2013-11-25T14:54:14.090 に答える
0

あなたはこのようなものを探しています::

http://jsfiddle.net/h5t98/

    <table border="1">
  <thead>
    <tr>
      <th class="month">Month</th>
      <th class="saving">Savings</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
      <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
  </tbody>
</table>
于 2013-11-07T13:05:26.827 に答える