jQueryを使用してスクロールバーでhtmlでサイズ変更可能なテーブルを作成するにはどうすればよいですか？

Question

サイズ変更可能な列を持つHTMLで表を作成したいとします。また、スクロールバーをテーブルにしたいが、スクロール中にテーブルのヘッダーを固定しておく必要があります。

助けてください。

Answer 1

www.tablefixedheader.com

ただ、下の例のような基本的な有効なHTMLを作成します。

- table > thead > tr > th 
- table > tbody > tr > td 

Example for re-sizable cols

$('#4').fixheadertable({ 
    caption  : 'My employees', 
    colratio : [50, 150, 150, 150, 220, 150], 
    height  : 200, 
    width  : 800, 
    zebra  : true, 
    resizeCol : true, 
    minColWidth : 50 
}); 

Answer 2

私は、これはあなたの解決策だと思う。しかし、階層がなければならないことに注意してください。 jsfiddleのDemoを参照してください。サーバーからデータをロードする場合は、savedStateLoad: trueと設定します。それ以外の場合は、あなたのケースでは、AJAXの部分を無視してくださいsavedStateLoad: false

元のコードソースはhereです。