使用ajax将数据附加到tbody时，如何初始化dataTable？

Question

我正在尝试对数据表使用排序和搜索功能，但是它说

  

“表中没有可用数据”

每当我使用"tbody"将初始化附加到ajax之后。

$(document).ready(function(){
                $.ajax({
                url:"products.php",
                method:"GET",
                success(data){
                    var table = jQuery.parseJSON(data);
                    var row;
                    for(var a=0;a<table.length;a++)
                    {
                        row+="<tr><td class='row'>"+table[a].productid+"</td>"
                        +"<td class='row1'>"+table[a].productname +"</td>"
                        +"<td class='row2'>"+table[a].description +"</td>"
                        +"<td class='row3'>"+table[a].cost +"</td>"
                        +"<td class='row4'>"+table[a].stock +"</td>"
                        +"<td class='row5'>"+table[a].supplier +"</td>"
                        +"<td class='row6'>"+table[a].location +"</td>"
                        +"<td> <input type='button' class='edit btn btn-primary' value='edit' code='"+table[a].productid+"'> "
                        +"<input type='button' class='delete btn btn-danger' value='delete' code='"+table[a].productid+"'>"
                        +"</td>"
                        +"</tr>";

                    }
                    $("table tbody").append(row);
                }
            });
            $("table").dataTable();
    });