table.td-align-center で、そのテーブル内のセルが全て中央揃えに
同様に、table.td-align-right で右揃え、table.td-valign-top で上揃えに
見出し1 | 見出し2 | |
---|---|---|
見出しA | 内容が入ります | 内容です |
見出しB | 内容が入ります | 内容が入ります |
table.table–stripe でストライプに
見出し1 | 見出し2 | |
---|---|---|
見出しA | 内容が入ります | 内容です |
見出しB | 内容が入ります | 内容が入ります |
見出しA | 内容が入ります | 内容です |
見出しA | 内容が入ります | 内容です |
table.table–no-padding で、マージンなしに
見出し1 | 見出し2 | |
---|---|---|
見出しA | 内容が入ります | 内容です |
見出しB | 内容が入ります | 内容が入ります |
見出し1 | 見出し2 | |
---|---|---|
見出しA | 内容が入ります | 内容です |
見出しB | 内容が入ります | 内容が入ります |
table.equal-row-width で、テーブル幅100%で列が等分に
見出し1 | 見出し2 | |
---|---|---|
見出しA | 内容が入ります | 内容が入ります |
見出しB | 内容が入ります | 内容が入ります |
td.cell-highlight, th.cell-highlight で、セルのハイライト
見出し1 | 見出し2 | |
---|---|---|
見出しA | 内容が入ります | 内容が入ります |
見出しB | 内容が入ります | 内容が入ります |
注釈付きのテーブル。テーブルと注釈(.table-with-notes__note)を .table-with-notes で囲む
見出し1 | 見出し2 | |
---|---|---|
見出しA | 内容が入ります | 内容が入ります |
見出しB | 内容が入ります | 内容が入ります |
注釈がここに入ります。
二行目