时间戳

首页 > 解决方案 > Jquery/Datatable：想在加载时显示最后一页，但 page() 和 fnPageChange 不起作用

jquery - Jquery/Datatable：想在加载时显示最后一页，但 page() 和 fnPageChange 不起作用

问题描述

我想在页面加载时显示我的数据表的最后一页。

但正如标题中提到的，我尝试了我在论坛和文档中阅读的 2 个解决方案，但它对我不起作用。我使用Datatable的基础......

$(document).ready( function () {

        // http://live.datatables.net/ficemafo/1/edit
        $("#table_id").one("preInit.dt", function () {
                $("#table_id_filter label").append('<a data-target="" class="btn btn-primary" href="{% url 'randomization_settings:edit' %}" style="width: 190px;margin-left:10px;">Modify settings</a>');

        });        

        if(window.navigator.language.slice(0, 2) == 'fr'){
            var table = $('#table_id').DataTable({
                lengthMenu: [5,10],
                "pageLength": 4,
                "bAutoWidth": false,
                "language": {
                "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/French.json"
                },
            });
            table.page('last').draw(false);
        } else {
            var table = $('#table_id').DataTable({
                lengthMenu: [5,10],
                "pageLength": 4,
                "bAutoWidth": false, 
            });
            table.page('last').draw(false);
        }

    } );

标签： jquerydatatables

解决方案

对于那些有兴趣的人，我解决了我的问题：

table.on('init', function () {
   table.page('last').draw(false);
});

完整代码

$(document).ready( function () {



        // http://live.datatables.net/ficemafo/1/edit
        $("#table_id").one("preInit.dt", function () {
                $("#table_id_filter label").append('<a data-target="" class="btn btn-primary" href="{% url 'randomization_settings:edit' %}" style="width: 190px;margin-left:10px;">Modify settings</a>');

        });


        if(window.navigator.language.slice(0, 2) == 'fr'){
            var table = $('#table_id').DataTable({
                lengthMenu: [5,10],
                "pageLength": 4,
                "bAutoWidth": false,
                // "aoColumns" : [
                //     { sWidth: '15%' },
                //     { sWidth: '15%' },
                //     { sWidth: '20%' },
                //     { sWidth: '20%' },
                //     { sWidth: '30%' }
                // ],
                "language": {
                "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/French.json"
                },
            });
            table.on('init', function () {
                table.page('last').draw(false);
            }); 
        } else {
            var table = $('#table_id').DataTable({
                lengthMenu: [5,10],
                "pageLength": 4,
                "bAutoWidth": false,
                // "aoColumns" : [
                //     { sWidth: '15%' },
                //     { sWidth: '15%' },
                //     { sWidth: '20%' },
                //     { sWidth: '20%' },
                //     { sWidth: '30%' }
                // ],  
            });
            table.on('init', function () {
                table.page('last').draw(false);
            }); 
        }

    } );

推荐阅读