Search

var locations = DataTable.enum( ... ); var table = new DataTable('#example', { order: [2, locations], //order: [2, 'asc'], });

var table = new DataTable("#example",{ paging:false, columns: [ { "data":null, "title": "A", render: function(data, type, full, meta){

$('#example') .on('preXhr.dt', function (e, settings, data) { data.sessionId = $('#sessionId').val(); }) .DataTable({ ajax: 'data.json' });

var table = new DataTable('#example', { layout: { top: 'alphabetSearch' }, alphabet: { column: 1 } });

var table1 = $('#example').DataTable({

$('#example').DataTable().rows({selected: true}).count() 10

$('#example tbody tr.group-start').each(function() { var name = $(this).data('name'); collapsedGroups[name] = !collapsedGroups[name]; });

If you go to the most basic example and run $('#example').DataTable() you'll see the table controls being duplicated because of this.

Open the console of the example and execute $('#example').DataTable().ajax.reload();. I just tried again and get the same error. I also tried Safari with the same error.

$('#example').DataTable().ajax.reload(); dataTables.js:4091 Uncaught TypeError: Cannot read properties of null (reading 'url') at _fnBuildAjax (dataTables.js:4091:17) at __reload (dataTables.j

const table = window.$('#example2').DataTable() window.$(window).on('resize', function () { table.columns.adjust().responsive.recalc() }) window.$('#toggle_sidebar').on('click', function () {

const table = window.$('#example2').DataTable() window.$(window).on('resize', function () { table.columns.adjust().responsive.recalc() }) window.$('#toggle_sidebar').on('click', function () {

const table = window.$('#example2').DataTable() window.$(window).on('resize', function () { table.columns.adjust().responsive.recalc() }) window.$('#toggle_sidebar').on('click', function (

() { const table = window.$('#example2').DataTable() window.$(window).on('resize', function () { table.columns.adjust().responsive.recalc() }) window.$('#toggle_sidebar').on('click', fun

var table = new DataTable('#example', { layout: { bottomStart: null, bottomEnd: null, bottom: [ 'alphabetSearch', 'info', 'paging' ] } });

new DataTable('#example', { "search": { "regex" : true, smart : false }, ajax: 'php/xxxx.php', columns: [ { data:

$('#example tbody').on('click', 'tr', function (e) {

var table = new DataTable('#example', { language: { url: "https://cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/German.json" } }); table.columns().every(function() { console.log(th

$('#example').DataTable({ layout: { topStart: 'pageLength', topEnd: 'search', bottomStart: 'info', bottomEnd: 'paging' }, });

Exactly as Allan said - you have "$('#example').DataTable({" twice. You can't do that.