jQuery DataTable 添加行第一位置

Question

var clientTable = $("#table").DataTable();
clientTable.row.add([1,1,1,1]).draw(false);

我使用此代码在数据表中添加新行，但我需要在表的第一个位置添加行。

我该怎么做？

Answer 1

根据文档“添加的行受应用于表的排序和搜索条件的约束，这将确定新行在表中的位置和可见性” - 因此，新行在表中的位置是相关的在数据上。 如果对表应用排序顺序，则可能首先添加新行 - 取决于数据。 如果您没有适合它的列，您可以添加一个带有计数器的隐藏列并按其排序（例如，请参见下面的代码段）。

或者，您可以考虑使用RowReorder扩展

 $(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>

Answer 2

实际上，使用 DataTable 默认函数是不可能的。

用 jQuery 来做：

$('#tableName tr:first').after("<tr role="row"><td></td><td>Your Row</td></tr>");

jQuery DataTable 添加行第一位置

问题描述

2 个解决方案

解决方案1
1 2018-02-06 13:48:56

解决方案2
0 2020-04-03 17:21:00

jQuery DataTable 添加行第一位置

问题描述

2 个解决方案

解决方案1 1 2018-02-06 13:48:56

解决方案2 0 2020-04-03 17:21:00

解决方案1
1 2018-02-06 13:48:56

解决方案2
0 2020-04-03 17:21:00