<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>