jquery - 将新行添加到 jQuery 数据表的顶部

Question

我需要在数据表中添加一个新行，该行应该放置在表的顶部，并且我使用了排序插件，但它失败了。

谁能帮我解决这个问题吗？

Answer 1

经过相当长的一段时间后，我可以使用内置的 order 解决表中的这个问题。 () 函数。 (无需额外插件)

    var table = $('#adapterTable').DataTable();

    $('#newButton').on( 'click', function () {
        var row = ["<button id='savebutton'>save</button>","<input name='titel'/>"];
        table.row.add(row).draw( false );

        table.order([1, 'asc']).draw();
        table.order([0, 'asc']).draw();
    } );

这是可行的，因为我的表格在第一列中有 ID，在第二列中有文本字段。

我插入的行在 ID 列中包含一个保存按钮，在第二列中包含一个输入字段。

如果我现在对第二列进行升序排序，输入框将显示在顶部。要恢复按 ID 排序，我只需在 ID 列上再添加一个 order() 即可。这在某种程度上不会影响带有按钮的行，只会影响带有数值的行。

table.order([0, 'asc']).draw();

这更多的是一种解决方法，它取决于表的内容。对于纯文本，您可能必须将其与隐藏列结合起来以进行排序，或者使用其他技巧。但您可以使用数据表函数，而不需要直接操作表。