dom - DataTables 无法识别来自 DOM 的数据

Question

我有这个简单的表，tbody 填充了 loadLogsTable(); 功能

<table id="logsTable" style="width:100%;text-align:center;">
<thead>
<th style="width:9%;">Choose</th>
<th style="width:15%;">Ip</th>
<th style="width:15%;">Hostname</th>
<th style="width:50%;">Log</th>
<th style="width:15%;">Date</th>
</thead>
<tbody id="logData"></tbody>
</table>

这是 loadLogsFunction：

function loadLogsTable()
{
jQuery.ajax({
type: "POST",
async : true,
url: "classes/classesController.php",
data: { method: "getLogsList"},
contentType : ('application/x-www-form-urlencoded'),
dataType : "html" ,
success : function(data){
$("#logData").html(data);
}  
});
}

我用 dataTables 初始化了这个表，但它没有对它们进行分页（我选择了每页 10 行），看起来它看不到表的数据。我也无法在表的数据中搜索。

$(document).ready(function()
{  
loadLogsTable();

$('#logsTable').dataTable({  // Init pagination
"aoColumnDefs": [{ "bSortable": false, "aTargets": [ 0,1,2,3,4] } ],
"sPaginationType": "full_numbers" ,
"bLengthChange": false,
iDisplayLength": 10
});
});

Answer 1

问题 1：您iDisplayLength的引号未正确括起来。

你有： iDisplayLength": 10

但如果您有以下情况，您将避免错误： "iDisplayLength": 10

这应该可以消除您的 javascript 错误。
http://jsfiddle.net/MmDFN/1/

问题 2：您是否检查过 datatables 站点上的ajax 数据源和服务器端处理示例，或者查看过mrender？我不能说您在数据表中使用 ajax 的方式是传统的。
http://www.datatables.net/examples/
http://www.datatables.net/ref#mrender

Answer 2

mg1075 是正确的 iDisplayLength 缺少报价。

http://jsfiddle.net/nr5Cw/2/

"<--missing