Foundation における HTML <table>
要素は、グレーの縞模様付きの、テーブルの全てのセルに罫線が引かれる
ようにスタイルされます:
<table>
<thead>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<td>John</td>
<td>Doe</td>
<td>john@example.com</td>
</tr>
<tr>
<td>Mary</td>
<td>Moe</td>
<td>mary@example.com</td>
</tr>
<tr>
<td>July</td>
<td>Dooley</td>
<td>july@example.com</td>
</tr>
</tbody>
</table>
結果:
テーブルをレスポンシブにするため CSS を使います:overflow-x:auto
を持つ <div>
要素でテーブルを囲います: