Comment afficher toutes les lignes par défaut dans JQuery DataTable
Est-ce que quelqu'un sait comment afficher toutes les lignes par défaut dans jQuery datatable?
J'ai essayé ce code mais il ne montre que 10 lignes par défaut.
$("#adminProducts").dataTable({
"aLengthMenu": [100]
});
7 réponses
Utilisation:
$('#example').dataTable({
aLengthMenu: [
[25, 50, 100, 200, -1],
[25, 50, 100, 200, "All"]
],
iDisplayLength: -1
});
Ou, si vous utilisez 1.10+
$('#example').dataTable({
paging: false
});
L'option que vous devez utiliser est iDisplayLength:
$('#adminProducts').dataTable({
'iDisplayLength': 100
});
$('#table').DataTable({
"lengthMenu": [ [5, 10, 25, 50, -1], [5, 10, 25, 50, "All"] ]
});
Celui-ci fonctionne pour moi:
$(document).ready(function() {
$('#example').DataTable( {
"lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]]
} );
} );
Utilisez 'fnDrawCallback'
$('#dataTable').dataTable({
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"fnInitComplete": function(){
$('.display_results').show();
},
"fnDrawCallback": function() {
$('.def').click(function(){
var msg = $(this).next().text();
$('.messages').messageBox()//Custom Dialog
});
}
})
Si vous utilisez DataTables 1.10+, vous pouvez utiliser l'attribut data-* dans votre balise <table> data-page-length="-1"
Cela suppose que vous avez " -1 " défini dans votre configuration par défaut datatable, comme ci-dessous
$.extend(true, $.fn.dataTable.defaults, {
lengthMenu: [[10, 25, 50, 250, -1], [10, 25, 50, 250, "All"]]
});
Votre javascript devient simplement $("table").DataTables(); et vous pouvez personnaliser l'affichage pour chaque table dans le HTML; IE. si vous avez une deuxième table plus petite dans la même page qui devrait être limitée à 10 lignes, <table data-page-length="10">
Voici l'ensemble du javascript fonctionnel pour votre .fichier html
<!--- javascript -->
<script type="text/javascript">
$(document).ready(function(){
$('#sortable').dataTable({
'iDisplayLength': 100
})})
</script>