ユーザーがスクロールダウンしたときにテーブルヘッドを繰り返します。

Question

非常に長いテーブルの場合は、tableというマークアップをJQuery Mobileで使用しています。ユーザーがスクロールダウンすると、テーブルヘッドが見えなくなり、テーブルの配置が不明瞭になります。私の質問は、いつも目に見えるようにテーブルの頭を再現する方法です。

私はthe follwing solutionを試しましたが、動作しませんでした。下には、テーブルを表示するためのコード（Mako template）があります。

<table data-role="table" data-mode="reflow" class="ui-responsive" id="tAreaAnalysis"> 
    <thead> 
     <tr> 
      <th>&nbsp</th> 
      <th colspan="3" class="textCenter borderLeft">Gesamtumsatz</th> 

      % for actually_printed_product_category in product_categories: 
       <th colspan="3" class="textCenter borderLeft">${actually_printed_product_category.name}</th> 
      % endfor 
     </tr> 
     <tr class="borderBottom"> 
      <th>Kunde</th> 
      <th class="borderLeft">VZR 1</th> 
      <th>VZR 3</th> 
      <th>VZR 4</th> 

      % for actually_printed_product_category in product_categories: 
       <th class="borderLeft">VZR 1</th> 
       <th>VZR 2</th> 
       <th>VZR 3</th> 
      % endfor 
     </tr> 
    </thead> 
    <tbody> 
    </tbody> 
</table> 

ありがとうございます。

Answer 1

昨年もこのエラーに直面しています。しかし、私はこの状況に関する単一の解決策しか見つけませんでした。私はこの状況を克服するためにMozilla Firefoxを使用しました。それは私のために働いていた。 Firefoxでは、すべてのページで毎回テーブルヘッドを表示するためです。ヘッドセクションコードをブロックに書く必要があります。あなたはMozillaで試してみてください、それはそこで動作するかもしれません。