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.