当前位置: 首页 > 工具软件 > FooTable > 使用案例 >

footable ajax 翻页后没有样式的问题.版本为V2

巩镜
2023-12-01
<pre name="code" class="javascript"><span style="color: rgb(36, 39, 41); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 15px; line-height: 19.5px;">The array of objects returned by the AJAX call has to be converted to HTML elements before they can be added to the table</span>

 
$('table').footable();

function create_seller_table_row (item) {
    var row = $('<tr><td>' + item.id + '</td><td>' + item.date + '</td></tr>');
    return row;
}

$.ajax({
    url : '/bid/find/',
    data: {  },
    success : function(data) {
        $.each(data, function(index, item){
            var row = create_seller_table_row(item);
            $('table tbody').append(row);
        });

        $('table').trigger('footable_initialize');
    },
    error : function(xhr, statusText, error) { 
        alert("Error! Could not retrieve the data.");
    }
});


<span style="color: rgb(36, 39, 41); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 15px; line-height: 19.5px;"><span style="color: rgb(36, 39, 41); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 15px; line-height: 19.5px;">Then use the </span><a target=_blank href="http://fooplugins.com/footable/demos/triggers.htm#docs" rel="nofollow" style="margin: 0px; padding: 0px; border: 0px; font-size: 15px; color: rgb(0, 89, 153); text-decoration: none; cursor: pointer; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; line-height: 19.5px;">footable_initialize</a><span style="color: rgb(36, 39, 41); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 15px; line-height: 19.5px;"> trigger instead of the footable_redraw one.</span>
</span>
 类似资料: