var clientTable = $("#table").DataTable();
clientTable.row.add([1,1,1,1]).draw(false);
我使用此代码在数据表中添加新行,但我需要在表的第一个位置添加行。
我该怎么做?
根据文档"添加的行都受到应用于表的订购和搜索标准,这将确定新行在表中的位置和可见性" - "因此,新行在表中的位置取决于数据。如果将排序订购在表上,则可以首先添加新行 - 取决于数据。如果您没有适合此的列,则可以添加一个带有计数器的隐藏列并按下该列(例如,请参见以下片段(。
另外,您可以考虑使用Rowreorder Extension
$(document).ready(function() {
var t = $('#example').dataTable( {
'columns': [
{'title': 'id', 'visible': false},
{'title': 'data'}
],
'order' : [[1,'desc']]
} );
var counter = 1;
$('#addRow').on( 'click', function () {
t.api().row.add( [
counter,
'data for id: ' + counter
] ).draw( false );
counter++;
} );
// Automatically add a first row of data
$('#addRow').click();
} );
<html>
<head>
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.16/css/jquery.dataTables.css">
<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.16/js/jquery.dataTables.js"></script>
</head>
<button id="addRow">Add New Row</button>
<table id="example" class="display" width="100%" cellspacing="0" />
</html>
实际,数据默认函数是不可能的。
用jQuery做到这一点:
$('#tableName tr:first').after("<tr role="row"><td></td><td>Your Row</td></tr>");