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?
obrigado.
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?
obrigado.
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.
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
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.
Commented
24/03/2015 às 13:34
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.