Les DataTables changent le nombre de boutons de pagination

Par défaut, DataTables plugin affiche 7 boutons de pagination (y compris les points de suspension) comme

Précédent 1 2 3 4 5 ... 10

Je voudrais être en mesure de le changer pour un plus petit nombre comme

Précédent 1 ... 10

et je ne peux pas trouver n'importe où dans la documentation.

J'ai trouvé ce plugin mais il dit que c'est obsolète et que le

DataTables 1.10 a cette capacité construite en.

mais il ne se trouve pas où changer cela.

source d'informationauteur Iulian Onofrei

  1. 26

    J'ai enfin trouvé après de se tripoter la DataTable objet javascript et le DataTables le code source.

    Vous devez ajouter cette ligne (que ce soit avant ou après l'initialisation):

    $.fn.DataTable.ext.pager.numbers_length = 3;

    Note que cela apparaîtra comme

    Précédent 1 ... 10

    et pas

    Précédent 1 2 ... 10

    alors assurez-vous de inclure les ellipses dans le numéro de longueur.

    Edit:

    J'ai vu quelques problèmes avec cette solution lors de l'avancement à travers les pages.

    Que j'avais à réécrire leur _numbers fonction comme ceci:

    function _numbers(page, pages) {
    var
        numbers = [],
        buttons = 5, //added here the number of buttons
        half = Math.floor(buttons / 2);

    if(pages <= buttons) {
        numbers = _range(0, pages);
    } else if(page <= half) {
        numbers = _range(0, buttons - 2);

        numbers.push("ellipsis");
        numbers.push(pages - 1);
    } else if(page >= pages - 1 - half) {
        numbers = _range(pages - (buttons - 2), pages);

        numbers.splice(0, 0, "ellipsis");
        numbers.splice(0, 0, 0);
    } else {
        numbers.push(page); //changed this from _range(page - 1, page + 2);
        numbers.push("ellipsis");
        numbers.push(pages - 1);
        numbers.splice(0, 0, "ellipsis");
        numbers.splice(0, 0, 0);
    }

    numbers.DT_el = "span";

    return numbers;
}

    Au point DataTables à ma propre fonction:

    $.fn.DataTable.ext.pager.simple_numbers = function(page, pages) {
    return ["previous", _numbers(page, pages), "next"];
};

    Aussi, j'ai dû copier leurs _range fonction dans mon main.js fichier.