なぜjqgrid、flexigrid、ingridはすべてヘッダとデータに別々のテーブルを使用しますか？

Question

Webアプリケーションでjqgridを使用しています。サーバー側を実行するページングとソートのための機能が組み込まれているため、検索結果をレンダリングしています。以前はTablesorterを使用していましたが、それはクライアント側を操作していました。

私たちには、テーブルのスタイルを作成し、jqgridで同じように見えるようにしたプロジェクトのWebデザイナーがいました。それは働いているが、それほどではない。ヘッダー列とデータ列の位置がずれているという問題があります。私たちはCSSを手にしましたが、うまくいかないようです。スクロールバーが表示されない場合は、スクロールバーが表示されることがあります。

とにかく、問題の一部は、jqgridが列ヘッダーに1つのテーブルを使用し、データ自体にもう1つのテーブルを使用するようです。これらのテーブルは、それぞれdivタグで囲まれています。 フレキシグリッドとイングリッドのようないくつかの代替案を見てきましたが、ヘッダーとデータの別々のテーブルでも同じアプローチを使用しています。

なぜこのアプローチが使用されているか説明できる人がいれば嬉しいです。なぜ標準のtableタグが、ヘッダのためにthの行を持ち、データのためにtdが代わりに使用できないのだろうと思っていましたか？

Answer 1

これらのプラグインがヘッダーとデータに別々のテーブルを使用する理由は、固定ヘッダースクロールを許可することです。あなたが知っている限り、同じテーブルにヘッダーとデータを持つことはできませんが、スクロール中にヘッダーを先頭に固定してください。

また、アラインメントの問題については、可能であれば、これらのプラグインにはそれぞれの列の幅を設定できる設定があり、データとヘッダーの列が正しく整列するように設定されていると思います。