Question

我想在通过ajax请求获取其内容的表上使用DataTable。

基本上，我有一个php文件，它在使用jQuery进行ajax请求后响应表内容（带有thead，tbody和tfoot元素）。

main.js喜欢：

$.ajax({
    type: 'GET', 
    url: 'table.php', 
    data: 'dateStart='+$("#dateStart").val(), 
    dataType: 'html', 
    success: function(response){
        $("table#myTable").html(response);
    }
});

$("table#myTable").DataTable();

table.php如：

some code ...
echo $reponse;

具有http://datatables.net上指定的jQuery和DataTable.js和DataTable.css依赖性

但是它不起作用...我正在使用Chrome，并且控制台显示：

未捕获的TypeError：无法读取未定义的属性'aDataSort'

Answer 1

您必须在ajax调用结束后调用datatable：

$.ajax({
    type: 'GET', 
    url: 'table.php', 
    data: 'dateStart='+$("#dateStart").val(), 
    dataType: 'html', 
    success: function(response){
        $("table#myTable").html(response);
        $("table#myTable").DataTable();

    }
});

表上的数据表获取ajax内容

1 个答案: