テーブル - マテリアライズ

テーブルは、大量のデータを整理するための素晴らしい方法です。テーブルのスタイルをできるだけ簡単に作成できるように、いくつかのユーティリティクラスを提供します。さらに、モバイルエクスペリエンスを向上させるために、モバイル画面幅のすべてのテーブルは自動的に中央揃えされます。

名前	アイテム名	アイテム価格
アルビン	エクレア	$0.87
アラン	ゼリービーンズ	$3.76
ジョナサン	ロリポップ	$7.00
シャノン	キットカット	$9.99


      <table>
        <thead>
          <tr>
              <th>Name</th>
              <th>Item Name</th>
              <th>Item Price</th>
          </tr>
        </thead>

        <tbody>
          <tr>
            <td>Alvin</td>
            <td>Eclair</td>
            <td>$0.87</td>
          </tr>
          <tr>
            <td>Alan</td>
            <td>Jellybean</td>
            <td>$3.76</td>
          </tr>
          <tr>
            <td>Jonathan</td>
            <td>Lollipop</td>
            <td>$7.00</td>
          </tr>
        </tbody>
      </table>

class="striped"をテーブルタグに追加してストライプテーブルを作成します。