В PipUI есть готовые стили для таблиц, а так же их адаптивная версия под разные разрешения экранов.
Copy <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>
Copy <div class="table table-responsive">
<div class="table-header">
<div class="table-row">
<div class="table-cell-resp">#</div>
<div class="table-cell">#</div>
<div class="table-cell-resp">Наименование</div>
<div class="table-cell">Наименование</div>
<div class="table-cell-resp">Версия</div>
<div class="table-cell">Версия</div>
</div>
</div>
<div class="table-body">
<div class="table-row">
<div class="table-cell-resp">#</div>
<div class="table-cell">1</div>
<div class="table-cell-resp">Наименование</div>
<div class="table-cell">PipUI Alpha</div>
<div class="table-cell-resp">Версия</div>
<div class="table-cell">1.0.0</div>
</div>
<div class="table-row">
<div class="table-cell-resp">#</div>
<div class="table-cell">2</div>
<div class="table-cell-resp">Наименование</div>
<div class="table-cell">PipUI Beta</div>
<div class="table-cell-resp">Версия</div>
<div class="table-cell">1.0.0RC-2</div>
</div>
</div>
</div>
Copy <div class="table table-fixed table-hover">
<div class="table-header">
<div class="table-row">
<div class="table-cell-resp">#</div>
<div class="table-cell">#</div>
<div class="table-cell-resp">Наименование</div>
<div class="table-cell">Наименование</div>
<div class="table-cell-resp">Версия</div>
<div class="table-cell">Версия</div>
</div>
</div>
<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 class="table-row">
<div class="table-cell">3</div>
<div class="table-cell">PipUI</div>
<div class="table-cell">1.0.0</div>
</div>
<div class="table-row">
<div class="table-cell">4</div>
<div class="table-cell">PipUI</div>
<div class="table-cell">2.0.0</div>
</div>
</div>