обрабатывать всплывающее окно на ajax и не отображать на html

Question

У меня есть небольшая проблема. Теперь я могу успешно отсортировать диапазон дат, но проблема в том, что он не отображается в моем файле данных, у него всегда есть всплывающее окно этого процесса

Но у меня есть данные, как вы можете видеть здесь на изображении ниже

Кстати, я использую CodeIgniter 3.x. Вот мой код

$('.input-daterange').datepicker({
todayBtn: 'linked',
format: "yyyy-mm-dd",
autoclose: true
});

function fetch_data(start_date='', end_date=''){
var dataTable = $('#table-sales').DataTable({
    "processing": true,
    "serverSide": true,
    "order":[],
    "ajax":{
        url: "sales/rangeDates",
        type: "POST",
        data:{
            'start_date':start_date, 'end_date':end_date
        },
        success:function(data){
            $('#table-sales').html(data);
        }
    }
});
}

$('#search').click(function(){

var inv_type = $('#invType').val();
var start_date = $('#start_date').val();
var end_date = $('#end_date').val();


if(start_date != '' && end_date != '' && inv_type != 0){
    $('#table-sales').DataTable().destroy();
    fetch_data(start_date,end_date);
}else{
    alert('Both Date is Required and Choose what to show!');
}

});

Пожалуйста, дайте мне знать, если мне не хватает информации, которую я должен показать вам, ребята. Спасибо.

РЕПЛИКА:

Answer 1

Обновите код выборки данных

function fetch_data(start_date='', end_date=''){
var dataTable = $('#table-sales').DataTable({
"processing": true,
"serverSide": true,
"order":[],
"ajax":{
    url: "sales/rangeDates",
    type: "POST",
    data:{
        'start_date':start_date, 'end_date':end_date
    },
    success:function(data){
        $('#table-sales').html(data);
        $("#table-sales_processing").css("visibility","hidden");
    }
 }
});
}