タグ

tableとcssに関するAJYAのブックマーク (2)

  • Ajax系ライブラリによくあるtableのヘッダ固定の仕組みを調べてみた - Cyokodog :: Diary

    更新履歴 2010-01-21 下記エントリでヘッダ、フッタを固定させる簡単なプラグインのソースを記載してます。 テーブルのヘッダとフッタを固定する簡易プラグイン - Cyokodog::Diary tableのヘッダ部分を固定表示するには? 2001年頃のIE5.0時代、はじめてwebシステムを作った頃、初心者向け言語のJavascriptを駆使して何とかできないかといろいろ調べた記憶があります。で思いついたのがこちらの小飼さん方式と同じ方法。 詳しくは末尾のソースをご覧頂くとして、要点をまとめると、 来一つのtableで表示するところを、三つのtableに分ける table一つ一つをdivで囲む 上下のdivには、thead,tfootに対応するtableをおく 真ん中のdivに、tbodyに対応するtableを置き、scrollの設定はdivで行う 上中下の各table内のtd,t

    Ajax系ライブラリによくあるtableのヘッダ固定の仕組みを調べてみた - Cyokodog :: Diary
  • 縦の罫線を表示せず横の罫線だけの表を作る - スタイルシートTipsふぁくとりー

    《2016年2月17日 12:32 公開/更新》 縦の罫線を表示せず横の罫線だけの表を作る [テーブル,線,色] 表(テーブル)といえば罫線で区切って分類整理する記載方法ですが、だからといって様々な種類の罫線を駆使するだけが表の装飾ではありません。一部の罫線を省略して、背景色だけでセルを塗り分けても見やすい表になります。 例えば、以下に掲載したサンプル表には「縦の罫線」が省かれています。その代わり、各列に共通の背景色を付けることで「隣同士のセルの境目」を分かりやすくしています。このような表の装飾もスタイルシートで簡単に作れます。 左上端 上中央 右上端 左中端 中中央 右中端 左下端 下中央 右下端 上記のサンプル表では、「表の外側」と「横方向の罫線」は引かれていますが、「縦方向の罫線」は引かれていません。 このように表を装飾するのは簡単で、単に(セルを作る)td要素に対して左右の枠線を指

    縦の罫線を表示せず横の罫線だけの表を作る - スタイルシートTipsふぁくとりー
  • 1