遺漏的類型錯誤：$（...）的dataTable（...）行不是功能

Question

我使用的數據表，我想刪除選定行當點擊該行..

這裏對於datatabe

$('.data-table').dataTable({ 
    "aaSorting": [], 
    "oLanguage": {"sSearch": ""}, 
    "fnDrawCallback": function (oSettings) {} 
}); 

這裏的代碼是刪除功能...

<input type="button" class="btndel btn-primary btn btn-primary" onclick="                 $(this).closest('tr').addClass('selected'); 
if ($('.tab1').hasClass('active')) { 
    var rows = $('.data-table').dataTable().row('.selected').remove().draw(); 
    var xSum = 0; 
    var items = document.getElementsByClassName('pp'); 
    var itemCount = items.length; 
    var total = 0; 
    $('.pp').each(function() { 
    var che = isNaN($(this).text()); 
    if (che == false) { 
    xSum += parseFloat($(this).text()); 
    } 
}); 
var value1 = xSum/parseInt(itemCount); 
$('#avgsold').text(value1.toFixed(2)); 
} 
if ($('.tab2').hasClass('active')) {}" value="Delete" /> 

但它給錯誤

Uncaught TypeError: $(...).dataTable(...).row is not a function

在此先感謝

Answer 1

使用下面的代碼來代替：

$('.data-table').DataTable().row('.selected').remove().draw(); 

或

$('.data-table').dataTable().api().row('.selected').remove().draw(); 

當數據表插件被更新爲1.10，獲得新的API方法（如row()）成爲可通過DataTable()或dataTable().api()獲得。較舊的API方法仍可通過dataTable()獲得。

有關更多信息，請參閱API。