como remover a paginação na tabela de dados


92

Eu sou novo no jQuery. Eu usei Datatables na grade, mas não preciso de paginação.

Há uma lista de pedidos em uma página e eu os mostro em uma grade de tabela de dados, mas na parte inferior não quero mostrar a paginação. Existe alguma maneira de remover ou ocultar a paginação da tabela de dados usando um pouco de personalização na biblioteca jQuery.

insira a descrição da imagem aqui

Tentei personalizá-lo, mas encontrei poucos métodos para fazer isso.

Desde já, obrigado.


2
qual método ou plugin você está usando?
— Naryl

Respostas:


163

Você deve incluir "bPaginate": false,no objeto de configuração que você passa para os parâmetros do seu construtor. Conforme visto aqui: http://datatables.net/release-datatables/examples/basic_init/filter_only.html


1
Se eu quiser exibir apenas as 100 primeiras linhas dos meus dados, bPaginate não funciona, porque exibe todos os dados independentemente do meu parâmetro iDisplayLength. Você sabe como evitar isso?
— Alexis Dufrenoy

Corrija-me se estiver errado, mas se você mostrar apenas os primeiros 100 itens e desativar a paginação, o usuário não terá como exibir o seguinte resultado. Nesse caso, você deve tentar alterar sua fonte de dados diretamente. Parece ser um problema diferente, então você deve considerar abrir uma nova pergunta e nos fornecer um pouco do seu código.
— nstCactus

1
Na verdade, é para uma função de pesquisa e também preciso exibir uma mensagem dizendo que o usuário precisa alterar seus critérios de pesquisa porque muitas linhas foram recuperadas. Só para constar, perguntei no fórum Datatables, e a solução é adicionar uma opção: sDom = lfrt (sem um "p", para nenhuma paginação). Pode ser útil ...
— Alexis Dufrenoy

73

DESATIVAR PAGINAÇÃO

Para DataTables 1.9

Use a bPaginateopção para desativar a paginação.

$('#example').dataTable({
    "bPaginate": false
});

Para DataTables 1.10+

Use a pagingopção para desativar a paginação.

$('#example').dataTable({
    "paging": false
});

Veja este jsFiddle para código e demonstração.

REMOVA O CONTROLE DE PAGINAÇÃO E DEIXE A PAGINAÇÃO ATIVADA

Para DataTables 1.9

Use a sDomopção para configurar quais elementos de controle aparecem na página.

$('#example').dataTable({
    "sDom": "lfrti"
});

Para DataTables 1.10+

Use a domopção para configurar quais elementos de controle aparecem na página.

$('#example').dataTable({
    "dom": "lfrti"
});

Veja este jsFiddle para código e demonstração.


2
para 1.10+, especificar data-paging='false'no elemento de mesa também funcionará.
— Jeromy French

21

Está funcionando

Experimente o código abaixo

$('#example').dataTable({
    "bProcessing": true,
    "sAutoWidth": false,
    "bDestroy":true,
    "sPaginationType": "bootstrap", // full_numbers
    "iDisplayStart ": 10,
    "iDisplayLength": 10,
    "bPaginate": false, //hide pagination
    "bFilter": false, //hide Search bar
    "bInfo": false, // hide showing entries
})

21
$(document).ready(function () {
            $('#Grid_Id').dataTable({
                "bPaginate": false
            });
        });

eu resolvi meu problema de usá-lo.


12
$('#table_id').dataTable({    
    "bInfo": false, //Dont display info e.g. "Showing 1 to 4 of 4 entries"
    "paging": false,//Dont want paging                
    "bPaginate": false,//Dont want paging      
})

Tente este código


6

se você deseja remover a paginação, mas deseja ordenar dataTable, adicione este script no final de sua página!

<script>
$(document).ready(function() {        
    $('#table_id').DataTable({
        "paging":   false,
       "info":     false
    } );
      
  } );
</script>


-1

Aqui está uma alternativa que é uma melhoria incremental em várias outras respostas. Supondo que settings.aLengthMenu não seja multidimensional (pode ser quando DataTables tem comprimentos de linha e rótulos) e os dados não serão alterados após o carregamento da página (para DataTables carregados por DOM simples), esta função pode ser inserida para eliminar a paginação. Ele oculta várias classes relacionadas à paginação.

Talvez mais robusto seja definir paging como false dentro da função abaixo, no entanto, não vejo uma chamada de API para isso improvisamente.

$('#myTable').on('init.dt', function(evt, settings) {
    if (settings && settings.aLengthMenu && settings.fnRecordsTotal && settings.fnRecordsTotal() < settings.aLengthMenu[0]) {
        // hide pagination controls, fewer records than minimum length
        $(settings.nTableWrapper).find('.dataTables_paginate, .dataTables_length, .dataTables_info').hide();
    }
}).DataTable();
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.