skillup

技術ブログ

デザイン

tableのレイアウトに関して

投稿日:

tableのcssに関して。

https://github.com/umanari145/css

幅を決めるのでも%表記をしたいときはauto、数値固定で行きたいときはfixed。

詳しくはリンクのtable.htmlを参考に。

思いついたことのメモなど。

  • tableのサイズは動的に決めると大変(内包要素のコントロールが大変?)
  • 最終的には内部要素で決まってくるので完全に幅をコントロールするのは難しい?

ヘッダー固定してスクロールするタイプに関して。一番簡単なのは下記リンク。

解像度が小さかったり、ブラウザを縮小した時にテーブルが自動で縮むタイプだったので、(CSSフレームワークを使っていたから?)ヘッダーとデータの罫線がずれて大変だったんですが、崩れていない時の幅を取得し、その幅を

と設定することで解決。一般のwidthなどではth,tdも含めてコントロールが効きませんでした・・

一般的にはjQueryでやるのがいいのかも・・・

Tableのヘッダ固定を行うCSS & JQuery

-デザイン
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

デザイ二ングインターフェイスのまとめ

デザイ二ングインターフェイスを今まで読んで実務にすぐ生かせそうな&ポイントとなりそうな箇所のまとめ Contents1 ユーザーを理解する2 ユーザーの行動パターン3 ポジショニング(情報の配置) 4 …

no image

メインで使う画像のcssについて

CSSについていろいろと勉強したんですが、画像の使いに関して結構てこずったんでポイントをまとめておこうかと。 画像といっても商品の画像などワンポントでなくメインで使うタイプのものです。 imgタグをd …

no image

bulmaフレームワークに関して form編

前回に続き、bulmaフレームワークのCSSのformがらみに関して。 ソースはこちら メモ的に。 controlはinput,select,textareaなどをwrappingする要素。通常だとあ …

no image

Angularモジュール間の読み込み

Angularで以前こちらで、複数のコントロールに分ける方法を書きましたが、コントローラーだけでなく、Factory,ServiceなどいろいろなタイプのサービスがAngularにはあります。 プログ …

no image

CSSで背景画像の出力

最近はやりのWEBデザインでよくある、大きな背景画像のなかにユーザー名とパスワードを入力させるような画面の作成方法について。

基本的な …