0

Tenho uma tabela e nela estou usando datatable do jQuery, porém, minha tabela tem muita coluna, e fiz um scroll nela, mas nisso a minha paginação rola junto com o scroll, teria alguma maneira de deixar a paginação fixa?

EXEMPLO AQUI

obrigado.

3 Respostas 3

1

Para deixar a paginação acima da tabela, basta utilizar a opção sDOM da própria API para regrar que a paginação ficará acima. Desta forma:

$(document).ready(function(){
    $('#myTable').DataTable(
      {
        "sDom": '<"top"p>'
      }
    );
});

De resto, você estiliza da maneira como quiser.

3
  • "top" não é uma class ou id, é uma propriedade, por isso não tem qualquer efeito. Neste exemplo, podes ver como se utiliza corretamente o sDOM.
    – Edilson
    Commented 9/11/2015 às 13:52
  • amigão, veja funcionando perfeitamente no exemplo: jsfiddle.net/iguimaraes/un6aw4at Commented 9/11/2015 às 14:22
  • O scroll continua a mover a paginação.
    – Edilson
    Commented 9/11/2015 às 14:34
0

Olá, basta adicionar configurações por CSS, como segue:

#myTable_paginate {
    float:left !important;
}

Você pode colocar outros ajustes como padding e margin por exemplo, para ajustar melhor

2
  • tipow, teria como deixar a paginação fora do scroll? pra ela ficar fixa
    – Furlan
    Commented 24/03/2015 às 13:17
  • Aí é com position: fixed; left:0px; top: 0px; onde vc vai posicionar o left e top para colocar o div onde você quiser. Mas assim é preciso colocar em algum lugar que não estará sujeito a mudanças por dados variáveis, como no rodapé da tabela. Na parte de cima seria mais seguro.
    – Gê Bender
    Commented 24/03/2015 às 13:34
0

Para isto, basta definir à partir do próprio plugin, utilizando o opção scoolX, veja:

$(document).ready(function(){
    $('#myTable').DataTable({
      'scrollX' : true
    });
});

Para mais informações acerca das funcionalidades que o plugin disponibiliza é só seguir as referências.

Referências:

Basic initialisation - DataTables

Scroll - horizontal

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .