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.

jquery html pagination datatables Toseef Khilji
fonte
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

nstCactus
fonte
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.

Gyrocode.com
fonte
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
})
Muhammad Fahad
fonte
21 
$(document).ready(function () {
            $('#Grid_Id').dataTable({
                "bPaginate": false
            });
        });

eu resolvi meu problema de usá-lo.

Toseef Khilji
fonte
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

Abhishek B Patel
fonte
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>
Expandir snippet

Mohsin Shoukat
fonte
-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();
Ryanm
fonte