Load data with AJAX, but not on initializing table.

postitief

I have a datatable where data should be loaded with AJAX. But the data should not be loaded when the table is initialized. When a specific event is happening (eg button click), the data must be loaded by AJAX.

With

$('#table').DataTable().draw();

I can get the data in the table.

But how to prevent the data to be loaded directly on init (page load)?

$('#table').DataTable({
    serverSide: false,
    ajax: { url: '/path/to/data'},
    columns: [
        {data: 'id', name: 'p.id'},
        // ...
    ]
});

postitief

So what I basically need is deferLoading but with serverSide on false

colin

You could do something like this - set the URL later and just load the data then.

Colin

postitief

Sweet! That did the job! Tnx!