このフィドルを参照してください: http://jsfiddle.net/eEe2C/2/
緑色の行 1 は固定されていますが、他の青色の行のように親の幅全体を拡大することはありません。行 1 は、グリッドの列ヘッダーと考えてください。常に表示され、スクロール時にすべての行がその下に「スライド」するように修正する必要があります。行 1 と他の行の唯一の違いは、行 1 には position:fixed があることです。
水平方向にサイズ変更すると、青い行の「セル」は、幅のパーセンテージに従って適切に拡張されます。緑の行の「セル」はこれを無視します (理由はわかっていますが、解決策が必要です)。
行1を固定したまま、同じストレッチ動作を取得するにはどうすればよいですか? もちろん、ヘッダーはデータの「セル」に合わせて配置する必要があります。可能であれば、ポスト js ハックをしないでください。
編集：テーブルではまったくうまくいかないドラッグアンドドロップソートを使用しているため、テーブルを使用できません。