时间戳

首页 > 解决方案 > Jquery Footable重绘问题

jquery - Jquery Footable重绘问题

问题描述

我目前在我的项目中使用 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})
});

}

在页面加载时，我从 db 获取过去 7 天的数据，所以我得到空结果，因为过去 7 天没有数据，所以表加载时“NO RESULTS”如下所示，没有结果

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

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

在过滤器中，我从 db 获取数据，结果数据附加“NO RESULTS”，如下所示没有数据的结果

如何用新数据重绘表格？任何帮助表示赞赏

标签： jqueryfootable

解决方案

您需要先清空表，然后使用新数据启动它。

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

推荐阅读