内联代码

<!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

动态添加行不会添加在表顶部

内联代码

回答

相关问题