Таблицы
В PipUI есть готовые стили для таблиц, а так же их адаптивная версия под разные разрешения экранов.
<div class="table">
<div class="table-row">
<div class="table-cell">1</div>
<div class="table-cell">PipUI Alpha</div>
<div class="table-cell">1.0.0</div>
</div>
<div class="table-row">
<div class="table-cell">2</div>
<div class="table-cell">PipUI Beta</div>
<div class="table-cell">1.0.0RC-2</div>
</div>
</div>
Для адаптивной таблицы, потребуется дополнительно указать класс .table-responsive
к классу .table и продублировать элементы названий шапки с классом .table-cell-resp
Если Вам необходимо зафиксировать ширину каждого столбца, используйте класс .table-fixed
или если потребуется сделать каждый ряд подсвечиваемым при наведении, добавьте класс .table-hover
к классу .table
Last updated