Jquery Footable重绘问题

Question

我目前在我的项目中使用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天没有数据所以表格加载了＆＃34;没有结果＆＃34;如下所示，

用户可以使用下面的日期选择器过滤数据是该代码

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

在过滤器中我从db获取数据，结果数据附加＆＃34; NO RESULTS＆＃34;，如下

如何使用新数据重绘表格？ Anyhelp赞赏

Answer 1

解决方案得到它，只需在将数据加载到表之前创建空表，如下所示，

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})
});

}

Answer 2

您需要先清空表，然后使用新数据将其初始化。

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