How to reload/refresh jQuery dataTable?

With version 1.10.0 of DataTables, it is built-in and easy:

var table = $('#example').DataTable();table.ajax.reload();

or just

$('#example').DataTable().ajax.reload();

http://datatables.net/reference/api/ajax.reload()

Destroy the datatable first and then draw the datatable.

$('#table1').DataTable().destroy();$('#table1').find('tbody').append("<tr><td><value1></td><td><value1></td></tr>");$('#table1').DataTable().draw();

You can try the following:

function InitOverviewDataTable() {    oOverviewTable = $('#HelpdeskOverview').dataTable({        "bPaginate": true,        "bJQueryUI": true, // ThemeRoller-stöd        "bLengthChange": false,        "bFilter": false,        "bSort": false,        "bInfo": true,        "bAutoWidth": true,        "bProcessing": true,        "iDisplayLength": 10,        "sAjaxSource": '/Helpdesk/ActiveCases/noacceptancetest'    });}function RefreshTable(tableId, urlData) {    $.getJSON(urlData, null, function(json) {        table = $(tableId).dataTable();        oSettings = table.fnSettings();        table.fnClearTable(this);        for (var i = 0; i < json.aaData.length; i++) {            table.oApi._fnAddData(oSettings, json.aaData[i]);        }        oSettings.aiDisplay = oSettings.aiDisplayMaster.slice();        table.fnDraw();    });}// Edited by Prasadfunction AutoReload() {    RefreshTable('#HelpdeskOverview', '/Helpdesk/ActiveCases/noacceptancetest');    setTimeout(function() {        AutoReload();    }, 30000);}$(document).ready(function() {    InitOverviewDataTable();    setTimeout(function() {        AutoReload();    }, 30000);});

http://www.meadow.se/wordpress/?p=536