表 Tables
表を表すtable
要素のスタイル。
class
属性にtable
を指定したtable
要素の基本スタイル。少な目の余白と水平の分割線が設定されている。
table
要素のclass
属性にtable-striped
を追加することで、ストライプ柄(縞模様)の表を作れる。
table
要素のclass
属性にtable-bordered
を追加することで、境界線付きの表を作れる。
table
要素のclass
属性にtable-hover
を追加することで、何れかのデータ行にカーソルを合わたとき、その行の背景色を変更する。
table
要素のclass
属性にtable-condensed
を追加すると、セル内の余白を半分にし、表をコンパクトにする。
コンテキスト(文脈)に応じた背景色が5つ用意されている。行に指定することも、セルに指定することもできる。
class
属性にtable-responsive
を指定したdiv
要素で表(table
要素)を括ると、表示領域の幅が狭くても、表のセル内のテキストを改行しない。表示しきれない場合、水平方向のスクロールバーが現れる。