このサンプルは、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'],
resizableCols: true,
paging: false,
sorting: false
});