jQuery DataTable添加行第一个位置


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>");

相关内容

最新更新