У меня есть эта функция для использования DataTables:
var dataTable;
var dataTables = [];
function make_dataTable() {
jQuery('table.data-table').each(function() {
if(jQuery(this).hasClass('new') || jQuery(this).hasClass('old'))
{
var _order = [[ 0, "asc" ]];
dataTable = jQuery(this).DataTable({
responsive: false,
pageLength: 25,
autoWidth: true,
lengthChange: false,
columnDefs: [
{ type: "de_date", targets: 0 }
],
order: _order,
language: { "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/German.json" }
});
if (jQuery('table.data-table').length > 0) {
new jQuery.fn.dataTable.FixedHeader( dataTable );
}
dataTables.push(dataTable);
}
else {
var _order = [[ 1, "asc" ]];
dataTable = jQuery(this).DataTable({
responsive: false,
pageLength: 25,
autoWidth: true,
lengthChange: false,
columnDefs: [
{ type: "de_date", targets: 1 }
],
order: _order,
language: { "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/German.json" }
});
if (jQuery('table.data-table').length > 0) {
new jQuery.fn.dataTable.FixedHeader( dataTable );
}
dataTables.push(dataTable); }
});
}
Я смотрю здесь, чтобы проверить, правильно ли я выполняю инициализацию: https://datatables.net/manual/installation#Initialising -DataTables Эти файлы я непосредственно включите для приведенного выше фрагмента:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/js/bootstrap-select.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<script src="/include/autoresize.jquery.js"></script>
<script src="/include/script.js"></script>
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/fixedheader/3.1.5/js/dataTables.fixedHeader.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.2.3/js/dataTables.responsive.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.2.3/js/responsive.bootstrap.min.js"></script>
<script src="//cdn.datatables.net/plug-ins/1.10.19/sorting/date-de.js"></script>
Весь этот код находится внизу файла HTML. Сначала включите, затем фрагмент. Я не могу найти ошибку.