Question

我正在使用DataTable插件进行表格分页。我动态地将行加载到我的表，然后使用DataTable进行分页。当我对条目进行硬编码时，会按预期将这些条目添加到分页视图中。但动态创建的部分不会。

function loadAllDevices(){
    $.post("admin_devices_operations.jag",{
        operation:"getAllDevices"
    },function(data,status){    
        var objArray=JSON.parse(data);
        for(var i=0;i<objArray.length;i++){
            var newTable=document.getElementById('example');    
            var object=objArray[i];
            var newRow=document.createElement('tr');    
            for(var property in object){    
                alert(object[property]);
                var td=document.createElement('td');    
                td.appendChild(document.createTextNode(object[property]));    
                newRow.appendChild(td);
            }    
            newTable.appendChild(newRow);
        }
    });            
    oTable = $('#example').dataTable({
        "bJQueryUI": true,
        "sPaginationType": "full_numbers"
    });        
};
});

Answer 1

如果你包含一个起始表HTML的例子会很有用 - 从快速查看你的代码就可以发现你可能会在tbody之外添加新行。

使用Firebug或开发人员工具检查DOM应该确认或排除这一点。

动态地将数据加载到表中并使用数据表进行分页

1 个答案: