DataTablesTab RUS / Элементы / Сниппеты Bootstrap

Версия: v1.0

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

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

Для Bootstrap: 3

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

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

Вес файла: 130.8 Kb

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

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

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

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

Прикреплён файл №1: /_sf/15/1504.css

Прикреплён файл №2: /stuff/0-0-0-1504-20

Скачали бесплатно: 192 раз

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

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

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

Авторство: https://goo.gl/EtZUtM

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

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

Теги: datatablestab, Responsive, Snippet, Tab, table, Bootstrap

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

Добавлено: 2016-12-10 в 13:16

Метка: 1581090324

⇄ ⇅

<ul class="nav nav-tabs" role="tablist">
 <li role="presentation" class="active"><a href="#example2-tab1" aria-controls="example2-tab1" role="tab" data-toggle="tab">Вкладка №1</a></li>
 <li role="presentation"><a href="#example2-tab2" aria-controls="example2-tab2" role="tab" data-toggle="tab">Вкладка №2</a></li>
 </ul>

<div class="tab-content">

<div role="tabpanel" class="tab-pane fade in active" id="example2-tab1">
 <table id="example2-tab1-dt" class="table table-striped table-bordered table-condensed" cellspacing="0" width="100%">
 <thead>
 <tr>
 <th>Имя</th>
 <th>Фамилия</th>
 <th>Возраст</th>
 <th>Страна</th>
 <th>Убеждения</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td>Селподдрев</td>
 <td>Суходрищев</td>
 <td>52</td>
 <td>Россия</td>
 <td>Нет</td>
 </tr>
 <tr>
 <td>Герпидон</td>
 <td>Хервбатонов</td>
 <td>54</td>
 <td>Россия</td>
 <td>Пох</td>
 </tr>
 <tr>
 <td>Анастас</td>
 <td>Выпилвпляс</td>
 <td>44</td>
 <td>Россия</td>
 <td>Бухарь</td>
 </tr>
 </tbody>
 </table>
 </div>

<div role="tabpanel" class="tab-pane fade" id="example2-tab2">
 <table id="example2-tab2-dt" class="table table-striped table-bordered table-condensed" cellspacing="0" width="100%">
 <thead>
 <tr>
 <th>Имя</th>
 <th>Фамилия</th>
 <th>Возраст</th>
 <th>Страна</th>
 <th>Убеждения</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td>Неспиласья</td>
 <td>Манагина</td>
 <td>45</td>
 <td>Россия</td>
 <td>Сложные</td>
 </tr>
 <tr>
 <td>Нехудея</td>
 <td>Толстожопова</td>
 <td>54</td>
 <td>Россия</td>
 <td>Веган</td>
 </tr>
 </tbody>
 </table>
 </div>

</div>

</div>
</div>

BootstrapTema

DataTablesTab RUS

Скриншот

Подробнее

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

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

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