Datatables создание и удаление

Подгружаю страницу с

 <table id="table" class="table table-striped table-sm"></table>

js

$(document).ready(function () {

$("#view").click(function () {

    submitDataAjax("/path/t_view");

});

$("#system_table").click(function () {
    submitDataAjax("/path/system");
});


});



function submitDataAjax(path) {
$.ajax({
    url: path,
    type: "POST",
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    },
    success: function (data) {
        //tableData = JSON.parse(data);  //Unexpected token o in JSON at position 1
        tableData = JSON.parse(JSON.stringify(data));
       
        columnNames = Object.keys(tableData.data[0]);
        for (var i in columnNames) {
            columns.push({
                data: columnNames[i],
                title: columnNames[i]
            });
        }
        if ($.fn.DataTable.isDataTable("#table")) {
            $('#table').DataTable().clear().destroy();
            $ ('#table').html(''); // $ ('#table').empty();
        }

        datatable = $('#table').DataTable({
            dom: 'frtip',
            data: tableData.data,
            rowId: 'ImportID',
            columns: columns,
            "iDisplayLength": 40,
            retrieve: true,
            destroy: true,
            draw: true
        })
    }
});
}

Данная логика не до конца дорабатывает. Загрузил страницу с данными таблицей, хочу дальше посмотреть данные другой таблици. Происходит очистка данных предыдущей таблици,выдает ошибку

DataTables warning: table id=ebner - Requested unknown parameter 'id' for row 0, column 0. For more information about this error, please see http://datatables.net/tn/4

Выводит поля и данные новой таблици к суме заголовков полей прошлой таблици.

Так же если хочу перезаписать данные,или освежить, по клику на той же таблици, я дублирую данные поля + данные в визуализации.

тоесть

   id filed | id field
   ----------------------
   1   data  | 1 data

Делал по api datatables, что не так я делаю*?