获取ajax内容的表上的数据表

Posted 2021-05-03

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

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

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;

在jQuery上指定的DataTable.js和DataTable.css以及http://datatables.net依赖关系

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

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

答案

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

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

    }
});