Jquery Footable проблема перерисовки - PullRequest
Новая
       10

Jquery Footable проблема перерисовки

0 голосов
/ 05 мая 2018

в настоящее время я использую jquery footable в моем проекте ниже мой код для загрузки данных с таблицей, 

<table class="table table_striped toggle-arrow-tiny" data-show-toggle="true" data-filtering="true" data-sorting="true" data-paging="true" data-paging-position="right" id="banner_stats">
</table>
$(document).ready(function(){
    load_data();
});
function load_data(from=FALSE,to=FALSE)
{
    var column = '<?php echo site_url('advertiser/event_statistics/fetch_data_column'); ?>';
    var low_rows = '<?php echo site_url('advertiser/event_statistics/fetch_data_row'); ?>'+from+'/'+to;

    var ft = FooTable.init('#banner_stats', {
    "columns": $.ajax({dataType: 'json',url:column}),
    "rows": $.ajax({dataType: 'json',url:low_rows})
});

}

При загрузке страницы я получаю данные из базы данных за последние 7 дней, поэтому я получаю пустой результат, потому что нет данных за последние 7 дней, поэтому загрузка таблицы с "НЕТ РЕЗУЛЬТАТОВ", как показано ниже, NO RESULT

Пользователь может фильтровать данные, используя указатель даты ниже, этот код 

$("#date").on('change',function(){
 var from = $("#from").val();
var to = $("#to").val();
load_data(from,to)
});

Во время фильтрации я получаю данные из БД, данные результата добавляются с «НЕТ РЕЗУЛЬТАТОВ», как показано ниже NO RESULT WITH DATA

Как перерисовать таблицу с новыми данными? Любая помощь приветствуется

1 Ответ

0 голосов
/ 09 мая 2018

Решение получено, просто создайте пустую таблицу перед загрузкой данных в таблицу, как показано ниже, 

function load_data(from=FALSE,to=FALSE)
{
    **$("#banner_stats").html("");**

    var column = '<?php echo site_url('advertiser/event_statistics/fetch_data_column'); ?>';
    var low_rows = '<?php echo site_url('advertiser/event_statistics/fetch_data_row'); ?>'+from+'/'+to;

    var ft = FooTable.init('#banner_stats', {
    "columns": $.ajax({dataType: 'json',url:column}),
    "rows": $.ajax({dataType: 'json',url:low_rows})
});

}
...