Jquery / Datatable: хотите отобразить последнюю страницу при загрузке, но page () и fnPageChange не работает - PullRequest
0 голосов
/ 28 апреля 2020

Я хочу отображать последнюю страницу моего Datatable, когда страница загружена.

Но, как упоминалось в заголовке, я пробую 2 решения, которые я прочитал на форумах и в документации, но это не работает для меня. Я использую основы c 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);
        }

    } );

1 Ответ

0 голосов
/ 28 апреля 2020

для тех, кто заинтересован, я решаю свою проблему с:

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);
            }); 
        }

    } );
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...