DataTable-AltEditor / Элементы / Сниппеты Bootstrap

Версия: v1.0.1

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

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

Bootstrap: 3

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

Язык: Английский

Вес файла: 48.7 Kb

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

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

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

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

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

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

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

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

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

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

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

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

Теги: Responsive, Snippet, элемент, html, table, адаптивные, сниппет, Bootstrap, element

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

Добавлено: 2017-02-11 в 15:39

Метка: 1581069425

⇄ ⇅

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

var dataSet = [
 ["Tiger Nixon", "System Architect", "Edinburgh", "5421", "2011/04/25", "$320,800"],
 ["Garrett Winters", "Accountant", "Tokyo", "8422", "2011/07/25", "$170,750"],
 ["Ashton Cox", "Junior Technical Author", "San Francisco", "1562", "2009/01/12", "$86,000"],
 ["Cedric Kelly", "Senior Javascript Developer", "Edinburgh", "6224", "2012/03/29", "$433,060"],
 ["Airi Satou", "Accountant", "Tokyo", "5407", "2008/11/28", "$162,700"],
 ["Brielle Williamson", "Integration Specialist", "New York", "4804", "2012/12/02", "$372,000"],
 ["Herrod Chandler", "Sales Assistant", "San Francisco", "9608", "2012/08/06", "$137,500"],
 ["Rhona Davidson", "Integration Specialist", "Tokyo", "6200", "2010/10/14", "$327,900"],
 ["Colleen Hurst", "Javascript Developer", "San Francisco", "2360", "2009/09/15", "$205,500"],
 ["Sonya Frost", "Software Engineer", "Edinburgh", "1667", "2008/12/13", "$103,600"],
 ["Jena Gaines", "Office Manager", "London", "3814", "2008/12/19", "$90,560"],
 ["Quinn Flynn", "Support Lead", "Edinburgh", "9497", "2013/03/03", "$342,000"],
 ["Charde Marshall", "Regional Director", "San Francisco", "6741", "2008/10/16", "$470,600"],
 ["Haley Kennedy", "Senior Marketing Designer", "London", "3597", "2012/12/18", "$313,500"],
 ["Tatyana Fitzpatrick", "Regional Director", "London", "1965", "2010/03/17", "$385,750"],
 ["Michael Silva", "Marketing Designer", "London", "1581", "2012/11/27", "$198,500"]
 ];

var columnDefs = [{
 title: "Name"
 }, {
 title: "Position"
 }, {
 title: "Office"
 }, {
 title: "Extn."
 }, {
 title: "Start date"
 }, {
 title: "Salary"
 }];

var myTable;

myTable = $('#example').DataTable({
 "sPaginationType": "full_numbers",
 data: dataSet,
 columns: columnDefs,
 dom: 'Bfrtip', // Needs button container
 select: 'single',
 responsive: true,
 altEditor: true, // Enable altEditor
 buttons: [{
 text: 'Add',
 name: 'add' // do not change name
 },
 {
 extend: 'selected', // Bind to Selected row
 text: 'Edit',
 name: 'edit' // do not change name
 },
 {
 extend: 'selected', // Bind to Selected row
 text: 'Delete',
 name: 'delete' // do not change name
 }]

});
 
 });
 </script>

BootstrapTema

DataTable-AltEditor

Скриншот

Подробнее

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

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

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