javascript - wb04hf123 - jquery dataTable pagination no aparece

wrapbootstrap

Question

Estoy trabajando con http://datatables.net/ dentro de una aplicación de Grails este es mi código de inicialización:

<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>

my testdata cubre 30 filas de datos y funciona perfectamente (filtros, filtros de limpieza, etc.) el único problema es que la paginación no se mostrará.

como ves:

• la paginación está funcionando en segundo plano ( showing 1-1 of 30 )
• El primer texto está apareciendo, aunque no está cliqueable (como actualmente en la primera página)

He intentado un montón de pagingType, bPaginate, bSort, ... cosas diferentes pero nada parece funcionar.

¿Algunas ideas? problemas con la aplicación subyacente Grails?

Pequeño problema / información de complemento: si bSort: false la paginación se rompe por completo y todos los proyectos se enumeran (del 1 al 30) en una página.

Answer 1

Para javascript, solo he usado sPaginationType para inicializar la tabla de datos.
Siempre uso este código para la tabla de datos. Vamos a construir la tabla de datos paso a paso. Use este código solamente, luego verifique si está funcionando o no.

Nota: elimine todos los demás archivos javascript que no sean los archivos js y css de la tabla de datos. Tengo un problema con el hecho de que la tabla de datos no funciona con jquery calendar. Deje de probar esto y hágamelo saber.

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

Answer 2

Encontré la solución: una mezcla de dos versiones diferentes de jquery, una incluida automáticamente por aui (interfaz de usuario atlassian) y otra manualmente por mí. el equivocado fue elegido al final y llevó a la paginación faltante.

solución por lo tanto:

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