Таблица с поиском и переключением / Элементы / Сниппеты Bootstrap

Версия: v1.0.1

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

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

Bootstrap: 3

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Добавлено: 2016-02-06 в 19:07

Метка: 1581670682

⇄ ⇅

<div class="container">
 <div class="row">
 <div class="box clearfix">
<h2 class="text-center">Таблица с поиском и переключением</h2>
<hr />
 <table class="table table-hover" id="bootstrap-table">
 <thead>
 <tr>
 <th>#ID</th>
 <th>Погоняло</th>
 <th>Имя</th>
 <th>Отчество</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td>200</td>
 <td>КоляВаня</td>
 <td>Николай</td>
 <td>Иваныч</td>
 </tr>
 <tr>
 <td>100</td>
 <td>КоляВася</td>
 <td>Николай</td>
 <td>Васильевич</td>
 </tr>
 <tr>
 <td>300</td>
 <td>Степь</td>
 <td>Степан</td>
 <td>Иваныч</td>
 </tr>
 <tr>
 <td>100</td>
 <td>Капот</td>
 <td>Николай</td>
 <td>Петрович</td>
 </tr>
 <tr>
 <td>100</td>
 <td>Свояк</td>
 <td>Николай</td>
 <td>Иваныч</td>
 </tr>
 <tr>
 <td>100</td>
 <td>Свояк</td>
 <td>Николай</td>
 <td>Иваныч</td>
 </tr>
 <tr>
 <td>168</td>
 <td>Свояк</td>
 <td>Николай</td>
 <td>Иваныч</td>
 </tr>
 <tr>
 <td>100</td>
 <td>Свояк</td>
 <td>Николай</td>
 <td>Иваныч</td>
 </tr>
 <tr>
 <td>134</td>
 <td>Свояк</td>
 <td>Николай</td>
 <td>Иваныч</td>
 </tr>
 <tr>
 <td>100</td>
 <td>Свояк</td>
 <td>Николай</td>
 <td>Иваныч</td>
 </tr>
 <tr>
 <td>100</td>
 <td>Свояк</td>
 <td>Николай</td>
 <td>Иваныч</td>
 </tr>
 <tr>
 <td>178</td>
 <td>Свояк</td>
 <td>Николай</td>
 <td>Иваныч</td>
 </tr>
 <tr>
 <td>100</td>
 <td>Свояк</td>
 <td>Николай</td>
 <td>Иваныч</td>
 </tr>
 <tr>
 <td>100</td>
 <td>Свояк</td>
 <td>Николай</td>
 <td>Иваныч</td>
 </tr>
 <tr>
 <td>158</td>
 <td>Свояк</td>
 <td>Николай</td>
 <td>Иваныч</td>
 </tr>
 <tr>
 <td>100</td>
 <td>Свояк</td>
 <td>Николай</td>
 <td>Иваныч</td>
 </tr>
 <tr>
 <td>145</td>
 <td>Свояк</td>
 <td>Николай</td>
 <td>Иваныч</td>
 </tr>
 <tr>
 <td>144</td>
 <td>Свояк</td>
 <td>Николай</td>
 <td>Иваныч</td>
 </tr>
 <tr>
 <td>210</td>
 <td>Басяк</td>
 <td>Иван</td>
 <td>Иваныч</td>
 </tr>
 <tr>
 <td>310</td>
 <td>Басяк</td>
 <td>Иван</td>
 <td>Иваныч</td>
 </tr>
 <tr>
 <td>410</td>
 <td>Басяк</td>
 <td>Иван</td>
 <td>Иваныч</td>
 </tr>
 <tr>
 <td>510</td>
 <td>Басяк</td>
 <td>Иван</td>
 <td>Иваныч</td>
 </tr>
 <tr>
 <td>610</td>
 <td>Басяк</td>
 <td>Иван</td>
 <td>Иваныч</td>
 </tr>
 <tr>
 <td>710</td>
 <td>Басяк</td>
 <td>Иван</td>
 <td>Иваныч</td>
 </tr>
 <tr>
 <td>810</td>
 <td>Басяк</td>
 <td>Иван</td>
 <td>Иваныч</td>
 </tr>
 <tr>
 <td>910</td>
 <td>Басяк</td>
 <td>Иван</td>
 <td>Иваныч</td>
 </tr>
 <tr>
 <td>100</td>
 <td>Басяк</td>
 <td>Иван</td>
 <td>Иваныч</td>
 </tr>
 <tr>
 <td>110</td>
 <td>Басяк</td>
 <td>Иван</td>
 <td>Иваныч</td>
 </tr>
 <tr>
 <td>120</td>
 <td>Басяк</td>
 <td>Иван</td>
 <td>Иваныч</td>
 </tr>
 <tr>
 <td>130</td>
 <td>Басяк</td>
 <td>Иван</td>
 <td>Иваныч</td>
 </tr>
 <tr>
 <td>140</td>
 <td>Басяк</td>
 <td>Иван</td>
 <td>Иваныч</td>
 </tr>
 <tr>
 <td>150</td>
 <td>Басяк</td>
 <td>Иван</td>
 <td>Иваныч</td>
 </tr>
 <tr>
 <td>160</td>
 <td>Басяк</td>
 <td>Иван</td>
 <td>Иваныч</td>
 </tr>
 <tr>
 <td>170</td>
 <td>Басяк</td>
 <td>Иван</td>
 <td>Иваныч</td>
 </tr>
 <tr>
 <td>180</td>
 <td>Басяк</td>
 <td>Иван</td>
 <td>Иваныч</td>
 </tr>
 <tr>
 <td>190</td>
 <td>Басяк</td>
 <td>Иван</td>
 <td>Иваныч</td>
 </tr>
 </tbody>
 </table>

</div></div></div>

BootstrapTema

Таблица с поиском и переключением

Скриншот

Подробнее

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

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

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