Tableの使い方

.table

<table class="ui table">
Semantic UIのTableクラス
クラス説明
celledセルに境界線が引かれたテーブル
striped1行おきに行の色が変わるテーブル
single line行に境界線が引かれたテーブル
selectableテーブルの行にマウスカーソルを乗せると変わる
クラス説明

.celled

<table class="ui celled table">
Semantic UIのTableクラス
クラス説明
celledセルに境界線が引かれたテーブル
striped1行おきに行の色が変わるテーブル
single line行に境界線が引かれたテーブル
selectableテーブルの行にマウスカーソルを乗せると変わる
クラス説明

.striped

<table class="ui striped table">
Semantic UIのTableクラス
クラス説明
celledセルに境界線が引かれたテーブル
striped1行おきに行の色が変わるテーブル
single line行に境界線が引かれたテーブル
selectableテーブルの行にマウスカーソルを乗せると変わる
クラス説明

.single .line

<table class="ui single line table">
Semantic UIのTableクラス
クラス説明
celledセルに境界線が引かれたテーブル
striped1行おきに行の色が変わるテーブル
single line行に境界線が引かれたテーブル
selectableテーブルの行にマウスカーソルを乗せると変わる
クラス説明

.selectable

<table class="ui selectable table">
Semantic UIのTableクラス
クラス説明
celledセルに境界線が引かれたテーブル
striped1行おきに行の色が変わるテーブル
single line行に境界線が引かれたテーブル
selectableテーブルの行にマウスカーソルを乗せると変わる
クラス説明