jquery datatables la pagination ne figurant pas

je suis en train de travailler avec http://datatables.net/ à l'intérieur d'un grain d'application
c'est mon code d'initialisation:

<g:javascript>
    $(document).ready(function () {
       var oTable = $('#projectTable').dataTable({
            "bSort": false,
            "sPaginationType": "full_numbers"
        });

        oTable.columnFilter({
            sPlaceHolder: "head:before",
            aoColumns: [
                { sSelector: "#projectIdFilter" },
                { sSelector: "#projectNameFilter" },
                { sSelector: "#projectStatusFilter", type: "select" },
                { sSelector: "#projectModifiedFilter"},
                { sSelector: "#projectActionablesFilter" }
            ]
        });
    });

    function resetFilters() {
        var oTable = $('#projectTable').dataTable();
        var oSettings = oTable.fnSettings();
        for(iCol = 0; iCol < oSettings.aoPreSearchCols.length; iCol++) {
            oSettings.aoPreSearchCols[iCol].sSearch = '';
        }
        oTable.fnDraw();
        $('#filter_Name').val('');
        $('#filter_Project_ID').val('');
        $('#filter_Modified').val('');
        $('#filter_Status').val('Status');
        $('#filter_Actionables').val('');
    }

</g:javascript>

mon testdata couvre 30 lignes de données et fonctionne très bien (filtrage, de la compensation des filtres, etc...) le seul problème, c'est que la pagination ne s'affichera pas.

jquery datatables la pagination ne figurant pas

comme vous le voyez:

  • la pagination fonctionne en arrière-plan (showing 1-1 of 30)
  • Premier texte apparaît, bien que n'étant pas clickeable (comme actuellement sur la première page)

j'ai essayé beaucoup de différentes pagingType, bPaginate, bSort,... des choses mais rien ne semble fonctionner.

Des idées? les problèmes sous-jacents graal application?

Petit addon question/information: si je supprime bSort: false la pagination rompt totalement, et tous les projets sont énumérés (1 à 30) sur une page.

InformationsquelleAutor Sebastian Flückiger | 2014-08-08
  1. 6

    Pour le javascript, j'ai utiliser seulement sPaginationType pour initialiser le tableau de données.

    Je suis toujours utiliser ce code pour le tableau de données. Laissez-construire le tableau de données étape par étape. Utilisez ce code uniquement, puis vérifier si cela fonctionne ou pas.

    Remarque: veillez à supprimer tous les autres fichiers javascript, autres que les données de la table de fichiers css et js. J'ai eu un problème de table de données est de ne pas travailler avec jquery calendrier. Laissez vous tenter cela et laissez-moi savoir.

        $('#table_name').dataTable({
      "sPaginationType": "full_numbers"
      })
    .columnFilter({sPlaceHolder: "head:before",
      aoColumns: [{type: "text" },{type: "text" },{type: "text" },{type: "text" },{type: "text" },{type: "text" }]
    });

    jquery datatables la pagination ne figurant pas

    • malheureusement, cela ne fonctionne pas. il brise la table complètement. tous les résultats seront affichés dans une liste de 30, sans pagination à tous. en outre, il permettra de supprimer les columfilters 🙂
    • Salut.. Merci de vérifier la nouvelle mise à jour
    • ne fonctionne pas malheureusement :/ même qu'avant..
    • Utiliser en dessous de js pour travailler avec ce <script type="text/javascript" charset="utf-8" src="ajax.aspnetcdn.com/ajax/jQuery/...> <script type="text/javascript" charset="utf-8" src="ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/...>
    InformationsquelleAutor Tech Planet Creator
  2. 6

    J'ai trouvé la solution à un problème de deux différentes versions de jquery inclus automatiquement par l'aui (atlassian interface utilisateur) et un autre manuellement par moi. le faux a été choisi à la fin, et la led du manque de pagination.

    solution donc:

    <script type="text/javascript" charset="utf8" src="//code.jquery.com/jquery-1.10.2.min.js"></script>
    InformationsquelleAutor Sebastian Flückiger