数据表外部分页-仅克隆一个按钮

时间:2018-12-02 18:18:57

标签: jquery button datatables paging

我正在使用jQuery / PHP数据表,我想将单个分页按钮(仅最后一页按钮)移动或克隆到表格外部的div。

我尝试过这个,但是我无法仅获得“最后一个”按钮。

$(document).ready(function() {
  $("#example").dataTable();
  $("#mynewdiv").append($(".dataTables_paginate"));
} );

我也尝试过这些

$("#mynewdiv").append($(".last.paginate_button"));
$("#mynewdiv").append($(".dataTables_paginate.last"));

是否可以做类似的事情?

1 个答案:

答案 0 :(得分:0)

我终于找到了解决我问题的方法。
因此,对于每个有相同问题的人,这是一个可能的解决方案。

Javascript部分

<script type="text/javascript">

$(document).ready(function () {

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

    $('#lastpage').on('click', function () {
        table.page('last').draw(false);
    });

});

</script>

一个简单的按钮

<button id="lastpage" type="button">Go to the last page</button>