Очень интересный плагин на основе javascript библиотеки jQuery.
Что он позволяет делать:
Без особых трудностей (это конечно зависит от опыта) превратить обычную таблицу HTML в продвинутую интерактивную таблицу.
Дополнительные плагины, которые также присутствуют на сайте. Позволяют изменением в одном парраметре добавить пейджинг, сортировку, количество отображаемых данных и многое другое. Поддерживает несколько источников для получения данных. Например: взаимодействие с сервером происходит с использованием Ajax. Формат обмена данными: JSON. Парсер уже встроен, что иногда вызывает проблемы, так как вся вложенность будет автоматически представлена строкой в ячейки массива. Ну это так, я плачусь =)
Это только малость всех возможностей...
Из плюсов также стоит отметить, что на сайте представлена, если не отличная, то довольно хорошая, даже скажу дружественная документация.
Ссылка на DataTables
Всем желаю удачи.
Что-же нужно написать, что-бы использовать эту таблицу.
ОтветитьУдалитьКопи-Паст (Copy-Paste) еще никто не отменял.
Самая простая таблица будет так:
// Setup the datatable.
jQuery('#datatable').dataTable({
"bJQueryUI": true,
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "/",
"bFilter": false,
"bPaginate": false,
"bSort": true,
"aaSorting": [ [ 4,'desc' ] ],
"asStripClasses": [ '','tablerow-shade' ],
"fnServerData": function( sSource, aoData, fnCallback ) {
// set variable for send.
// Query('.datatable_variable').serializeArray(), function(dv) { aoData.push(dv); };
jQuery.getJSON( sSource, aoData, function (json) {
fnCallback(json);
});
},
"fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
return nRow;
}
}); // datatable
Не пугаемся множеству параметров, это просто часто используемые (изменяемые).