tableのcssに関して。
https://github.com/umanari145/css
幅を決めるのでも%表記をしたいときはauto、数値固定で行きたいときはfixed。
詳しくはリンクのtable.htmlを参考に。
思いついたことのメモなど。
- tableのサイズは動的に決めると大変(内包要素のコントロールが大変?)
- 最終的には内部要素で決まってくるので完全に幅をコントロールするのは難しい?
ヘッダー固定してスクロールするタイプに関して。一番簡単なのは下記リンク。
解像度が小さかったり、ブラウザを縮小した時にテーブルが自動で縮むタイプだったので、(CSSフレームワークを使っていたから?)ヘッダーとデータの罫線がずれて大変だったんですが、崩れていない時の幅を取得し、その幅を
1 2 3 |
thead,tbody{ min-width: } |
と設定することで解決。一般のwidthなどではth,tdも含めてコントロールが効きませんでした・・
一般的にはjQueryでやるのがいいのかも・・・