2016-11-27 17 views
1

ファンシーテーブルの見出し行をスクロールから停止する方法 - データ行のみをスクロールする方法はありますか?fancytree ext-table:固定ヘッダー行の使用方法

私が使用しているHTMLは次のとおりです。

 <div id="scrollParent_history" style="height: 420px; overflow: auto;"> 
      <table id="lb_tree_bliss_history" class="lb_report_tree"> 
       <colgroup> 
        <col width="175px"> 
        <col width="20px"> 
        <col width="20px"> 
        <col width="20px"> 
        <col width="20px"> 
        <col width="20px"> 
        <col width="20px"> 
       </colgroup> 
       <thead> 
        <tr> <th>Date</th> <th>First</th> <th>max</th> <th>Min</th> <th>Final</th> <th>Activities</th> <th>Change</th> </tr> 
       </thead> 
       <tbody></tbody> 
      </table> 
     </div> 

答えて

1

Fancytreeはテーブルヘッダーに特別なことをしないので、おそらく既存のjQuery固定テーブルヘッダープラグインを使用できます。

(注:これは、この機能はいくつかの時間ネイティブFancytrtree延長になるかもしれないので、それは、その後、すべてのは知っているproject pageチェックとする価値があるかもしれません)

+0

感謝をJavaScriptライブラリを追加...私は今、それを整理しました。私はあなたの助けに感謝します - 私はそれを持っていますが、まだ十分な担当者がいないので、それは表示されません。したがって、このコメント。 –

0

をする場合にはそれが動作します、私はfloatTheadを使用している人を助けfancytree 2.21.0ですばらしい。 GitHubのhttp://mkoryak.github.io/floatThead/

に利用可能な、それはワンライナーだ、mar10 @

$('table').floatThead({ 
    position: 'auto' 
}); 
関連する問題