Question

我有以下问题：我有一个DataTable（jQuery），我按第一列降序排序。我想要做的是在达到计数（例如10）时删除最后一行，这样表永远不会超过10行。我尝试过几种方法都没有成功。任何帮助将不胜感激。

更新：由于某种原因，它只删除第一行。

    // This is where I assign the DataTable to a variable.
    var unprintedTable = $('#unprinted-table').DataTable({
           "order": [
               [1, "desc"]
           ]
    });

    var unprintedLogLength = 5;
    var unprintedLogCount = 0; // Incremented when a new row is added.

    if (unprintedLogCount > unprintedLogLength) {
        unprintedTable.row($(this).parent('tr:last-child')[0]).remove();
    }

Answer 1

试试这个

  <button onclick="RemoveLastRow()">Remove Last Row</button>
    <table id="MyTable" class="table table-bordered table-striped" width="100%" cellspacing="0">
        <thead>
            <tr>
                <th>Column 1</th>
                <th>Column 2</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td><button class="Mybtn">Click me</button></td>
                <td>Hello</td>
            </tr>
        </tbody>
    </table>

    <script>
        var Dtable;
        $(document).ready(function () {
            Dtable = $("#MyTable").DataTable();
        });


        function RemoveLastRow() {
            Dtable.row(Dtable.data().length).remove().draw(false);         
         );
    </script>

DataTable（jQuery）删除最后一个孩子

1 个答案: