Фиксированная шапка таблицы / Элементы / Сниппеты Bootstrap

Версия: v1.0

Каталог: Сниппеты Bootstrap

Категория: Элементы

Bootstrap: 3

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop

Язык: Русский

Уникальный ID: 721

Количество символов:

Посмотрели: 22216 раз

Помощь: установка & настройка

Прокомментировали: 0 раз

Рейтинг: 3.8 / 5 - 35 голосов

Тип лицензии: CC BY 4.0

Авторство: bootstraptema.ru

Информация: Пользователям

Информация: Правообладателям

Теги: Snippet, table, сниппет, Bootstrap, element, Таблица, элемент, html

Поделился: BootstrapТема

Добавлено: 2016-03-12 в 12:44

Метка: 1581617163

⇄ ⇅

<div class="container">
 <div class="row">
 <div class="panel panel-default">
 <div class="panel-heading">
 <h3>
 Фиксированная шапка таблицы 
 </h3>
 </div>
 <table class="table table-fixed">
 <thead>
 <tr>
 <th class="col-xs-2">№</th><th class="col-xs-8">Имя</th><th class="col-xs-2">Лет</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td class="col-xs-2">1</td><td class="col-xs-8">Вася</td><td class="col-xs-2">33</td>
 </tr>
 <tr>
 <td class="col-xs-2">2</td><td class="col-xs-8">Люба</td><td class="col-xs-2">34</td>
 </tr>
 <tr>
 <td class="col-xs-2">3</td><td class="col-xs-8">Петя</td><td class="col-xs-2">42</td>
 </tr>
 <tr>
 <td class="col-xs-2">4</td><td class="col-xs-8">Алексей</td><td class="col-xs-2">32</td>
 </tr>
 <tr>
 <td class="col-xs-2">5</td><td class="col-xs-8">Женя</td><td class="col-xs-2">31</td>
 </tr>
 <tr>
 <td class="col-xs-2">6</td><td class="col-xs-8">Сергей</td><td class="col-xs-2">36</td>
 </tr>
 <tr>
 <td class="col-xs-2">7</td><td class="col-xs-8">Андрей</td><td class="col-xs-2">22</td>
 </tr>
 <tr>
 <td class="col-xs-2">8</td><td class="col-xs-8">Иринка</td><td class="col-xs-2">43</td>
 </tr>
 </tbody>
 </table>
 </div>
 </div>
</div>

BootstrapTema

Фиксированная шапка таблицы

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

Всего комментариев: 0