Discussion on Inspinia - Responsive Admin Template

Tabla de tipo "FOOTABLE" para listar 26 Renglones. Con páginas de 8 renglones
El primer despliegue funciona
Al realizar actualización de datos, no hace paginación Solo pone los 26 renglones en forma de lista. (Error)

<!-- -->
<table id="MyTable" class="footable table table-stripped" data-page-size="8" data-filter=#filter>
<thead>
<tr>
<th data-toggle="true">VID</th>
<th data-hide="phone,tablet">TIPO</th>
<th data-hide="phone,tablet">GRUPO</th>
</tr>
</thead>

<tbody id="MyTBody">

</tbody>

<tfoot>
<tr>
<td colspan="3">
<ul class="pagination float-right"></ul>
</td>
</tr>
</tfoot>
</table>
<!-- -->

Este es mi código Java Script:

$.ajax({
type: "POST",
url: "ws/getSaldo.asmx/get_Saldos_Men",
data: '{"Periodo": ' + Periodo + '}',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
var html = '';
var i;
var json = JSON.parse(data.d);

$('#MyTBody').html(html);

if (json.length > 0) {

for (i = 0; i < json.length; i++) {
html += '<tr>' +
'<td>' + json[i].VID + '</td>' +
'<td>' + json[i].TIPO + '</td>' +
'<td>' + json[i].GRUPO + '</td>' +
'</tr>';
}
}
$('#MyTBody').html(html);
$('.footable').footable();
},
error: function (err) {
console.log(err);
alert(err);
}
});