テーブルをページングする

説明補足説明コード関連書籍コメント投稿

このサンプルは、jQueryのingrid()プラグインを利用してグリッドをページングします。グリッドのフッターにページング用のボタンが表示されていますのでこれらのボタンをクリックしてページングします。グリッドのヘッダーの列見出しをクリックすると列を昇順/降順に並べ替えすることもできます。「このサンプルを拡大して表示する!」をクリックしてご覧ください。

このサンプルは、jQueryのingrid()プラグインを利用してグリッドをページングします。グリッドのフッターにページング用のボタンが表示されていますのでこれらのボタンをクリックしてページングします。グリッドのヘッダーの列見出しをクリックすると列を昇順/降順に並べ替えすることもできます。「このサンプルを拡大して表示する!」をクリックしてご覧ください。

$("#table1").ingrid({
  url: 'remote.htm',
  height: 350,
  initialLoad: true,
  colWidths: [150, 150, 300, 200], 	// width of each column
  rowClasses: ['grid-row-style1', 'grid-row-style2'],                    
  sorting: true,
  paging: true,
  totalRecords: 1000,
  extraParams: { sessid: 'some_session_token_here' }
});