Why Scroll y is not visible?
Why Scroll y is not visible?
E_Brandao
Posts: 12Questions: 5Answers: 0
I have a large dataset, so I researched how to display it in the datatables and found the scroll y solution:
var table = $('.table-log-notas').DataTable({
fnInitComplete : function() {
$("#loader-notas").hide();
},
"serverSide": true,
"deferRender": true,
"scrollY": 200,
"scrollCollapse": true,
"scroller": true,
"ajax": {
"url": "../assets/php/functions/tabela-notas.php",
"type": "POST",
"data":{
is_date_search:is_date_search, start_date:start_date, end_date:end_date
}
},
responsive: true,
"pageLength": 100,
dom: 'Bfrtip',
lengthMenu: [
[ 10, 50, 100, -1],
[ '10 linhas', '50 linhas', '100 linhas', 'Todas as linhas']
],
buttons: [
'excel', 'pdf','pageLength'
],
//Definição dos textos que aparecerão na tabela
"language": {
"lengthMenu": "Mostrando _MENU_ registros por página",
"zeroRecords": "Nada encontrado",
"info": "Mostrando página _PAGE_ de _PAGES_",
"infoEmpty": "Nenhum registro disponível",
"infoFiltered": "(filtrado de _MAX_ registros no total)",
"sSearch": "Pesquisar",
"oPaginate": {
"sNext": "Próximo",
"sPrevious": "Anterior",
"sFirst": "Primeiro",
"sLast": "Último"
},
buttons: {
pageLength: {
_: "Mostrando %d linhas",
"-1": "Mostrando todas as linhas"
}
}
},
});
The table is appearing without returning errors, but with the chrome scroll
This discussion has been closed.
Answers
We're happy to take a look, but as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.
Cheers,
Colin