это у меня есть proablemn при обновлении tboby из моего datatable с помощью ajax, это мой код: http://jsfiddle.net/zHcej/1/
<table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" id="example">
<thead>
<tr>
<th>Name</th>
<th>User</th>
</tr>
</thead>
<tbody id="tbody_usr"></tbody>
$(document).ready(function() {
var tbody="<tr><td id='usrId_1'>Develop</td><td>dev</td></tr><tr><td id='usrId_2'>Tester</td><td>Test</td></tr>";
$("#tbody_usr").html(tbody);
});
В datatables вы можете использовать как источник Javascript array/ajax в качестве источника данных таблицы. взгляните на эти примеры:
Javascript Array: https://datatables.net/release-datatables/examples/data_sources/js_array.html
Ajax: https://datatables.net/release-datatables/examples/data_sources/ajax.html
EDIT: попробуйте следующее:
$('#example').dataTable( {
"aaData": [
[ "Develop", "dev"],
[ "Tester", "Test"]
]
} );
EDIT2: один из внешних ресурсов, которые вы добавили в jsfiddle, автоматически инициализирует автоматически datatable!
удалите внешнюю инициализацию или просто измените свой идентификатор таблицы на "example1"
а затем выполните:
$('#example1').dataTable( {
"aaData": [
[ "Develop", "dev"],
[ "Tester", "Test"]
]
} );
ИЗМЕНИТЬ 3:
var tdata = [[ "Develop", "dev"], [ "Tester", "Test"]];
$('#example1').dataTable( {
"aaData": tdata
} );