gpt4 book ai didi

javascript - jQuery DataTable 添加行第一位置

转载 作者:行者123 更新时间:2023-11-30 20:46:28 25 4
gpt4 key购买 nike

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

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

我该怎么做?

最佳答案

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

或者,您可以考虑使用 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>

关于javascript - jQuery DataTable 添加行第一位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48643623/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com