Таблицы Foundation
Foundation<table>Оформление элементов — серые зебровые полосы и включает четыре границы:
Пример
<table>
<thead>
<tr>
<th>Имя</th>
<th>Фамилия</th>
<th>Электронная почта</th>
</tr>
</thead>
<tbody>
<tr>
<td>Джон</td>
<td>Доу</td>
<td>[email protected]</td>
</tr>
<tr>
<td>Мэри</td>
<td>Мо</td>
<td>[email protected]</td>
</tr>
<tr>
<td>Джули</td>
<td>Дули</td>
<td>[email protected]</td>
</tr>
</tbody>
</table>
<thead>
<tr>
<th>Имя</th>
<th>Фамилия</th>
<th>Электронная почта</th>
</tr>
</thead>
<tbody>
<tr>
<td>Джон</td>
<td>Доу</td>
<td>[email protected]</td>
</tr>
<tr>
<td>Мэри</td>
<td>Мо</td>
<td>[email protected]</td>
</tr>
<tr>
<td>Джули</td>
<td>Дули</td>
<td>[email protected]</td>
</tr>
</tbody>
</table>
Попробуйте сами »
Адаптивные таблицы
Используйте CSS, чтобы таблица поддерживала адаптивный дизайн: добавьте вне таблицы.<div>Элемент, стилизованный какoverflow-x:hidden: