いつもお世話になっています。
jspでテーブルを作成するときに、CSSを用いてDB一覧を作っています。
ちょうど以下の図のようなものです。
|①|②|③|④|⑤| ←ヘッダ
①|あ|い|う|え|お| }
②|か|き|く|け|こ| } ボディ
③|さ|し|す|せ|そ| }
現在ヘッダを固定したままデータにスクロールバーを付けることに成功しています。
スクロールバーはCSSでoverflow:auto;を使って実装しました。
「デスクトップやノートでも同じように表示したい」という要望がありましたので、画面の比率や文字の大きさが変わってもきちんと表示できるようテーブルの幅を%で定義しました。
すると同じ幅の割合にしてもヘッダ部分とボディ部分にずれが発生し、うまくかみ合いません。
固定値だったらうまくいきますが、画面の比率を小さくすると右横に隙間ができてしまいます。
①ヘッダとボディに分けて、ボディにだけスクロールバーを付ける
②画面の比率が変わっても、画面の大きさに応じてテーブルの幅が変わる
③ヘッダとボディがずれない
この3つの条件をクリアするtableは作れないのでしょうか?
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。