コニファ・ロゴ

csstest:jQuery.fixheadertableを使って、多機能なtable

UI Themes

jQuery UIのテーマを左側ボタンで切り替えができます。タイトルをクリックしてtableを折りたためます。各theadをクリックしてそのカテゴリーでソートします。下側左から抽出するデータ数を選べます。下側右のページネーションでデータを移動できます。table下の[ show code ]で現在の設定のソースを表示します。

 $('#0').fixheadertable({
    caption     : 'サンプルtable(demoのまま)', 
    colratio    : [100, 150, 150, 150, 220, 150], 
    height      : 300, 
    width       : 940, 
    zebra       : false, 
    sortable    : true,
    sortedColId : 1, 
    resizeCol   : true,
    pager       : true,
    rowsPerPage : 10,
    sortType    : ['integer', 'string', 'string', 'string', 'string', 'date'],
    dateFormat  : 'Y/m/d'
});
		

 

 

 

戻るボタン