表組み .table

HTMLのtableタグを装飾するスタイルを提供します。

tableタグは様々なサードパーティのライブラリで使用されており、衝突を防ぐためにクラスを明示的に付与するようになっています。

普通のテーブル

<table class="table">
  <thead>
    <tr>
      <th>名前</th>
      <th>色</th>
      <th>主な用途</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>りんご</td>
      <td>赤, 緑 など</td>
      <td>生食、パイ、ジュース、酢豚</td>
    </tr>
    <tr>
      <td>いちご</td>
      <td>赤, 白 など</td>
      <td>生食、ジュース、ケーキ、パフェなど</td>
    </tr>
    <tr>
      <td>レモン</td>
      <td>黄（熟れるまでは緑）</td>
      <td>ジュース、レモン汁、香料</td>
    </tr>
    <tr>
      <td>ぶどう</td>
      <td>紫, 赤, 緑 など</td>
      <td>生食, ケーキ, ジュース, 酒造, ゼリー</td>
    </tr>
  </tbody>
</table>