內聯代碼

<!DOCTYPE html> 
<html> 
<head> 
<!-- DataTables CSS --> 
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.9/css/jquery.dataTables.min.css"> 
<!-- jQuery --> 
<script type="text/javascript" charset="utf8" src="https://code.jquery.com/jquery-1.7.2.min.js"></script> 

<!-- DataTables --> 
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js"></script> 
<script type="text/javascript"> 
var giCount = 1; 

jQuery(document).ready(function() { 
    jQuery('#table_id').DataTable(); 
}); 

function fnClickAddRow() { 
    jQuery('#table_id').dataTable().fnAddData([ 
     giCount+".1", 
     giCount+".2", 
     ]); 

    giCount++; 
} 


</script> 
</head> 
<body> 
<a onClick="fnClickAddRow()">Add Row</a> 
<table id="table_id" class="display"> 
    <thead> 
     <tr> 
      <th>Column 1</th> 
      <th>Column 2</th> 
     </tr> 
    </thead> 
    <tbody>   
    </tbody> 
</table> 
</body> 
</html>

來源

2015-11-05 user3742125

要獲得如何在一定的指數插入一行，如位置＃1的想法，看到這 - > http://stackoverflow.com/questions/30712227/datatables-row-add-to-specific-index – davidkonrad

的順序由第一列設置。默認情況下，它按升序排序，因此看起來新的內容被添加到表格的底部。如果您更改排序順序爲降序它會工作，你需要：

jQuery('#table_id').DataTable({ 
    "order": [[ 0, "desc" ]] 
});

Updated example

來源

2015-11-05 09:28:37

動態添加行不會添加在表頂部

內聯代碼

回答

相關問題