$(document).ready(function() {
$('#example').dataTable({
"sScrollX": "100%", // breedte van de tabel
"sScrollXInner": "110%", //Breedte van de inhoud van de tabel
"bScrollCollapse": waar, //Wanneer de weergegeven gegevens niet groot genoeg zijn om de standaardhoogte van de tabel te ondersteunen, wordt de verticale scrollbalk nog steeds weergegeven. (Standaard is onjuist)
"bPaginate": waar, //of de paginatatie wordt weergegeven
"bLengthChange": waar, //Aantal records per pagina weergegeven
"bFilter": waar, //zoekbalk
"bSort": waar, //of de sorteerfunctie wordt ondersteund
"bInfo": waar, //Toont tabelinformatie
"bAutoWidth": vals, //Adaptieve breedte
"aaSorting": [[1, "asc"]], //Sorteer de lijst, de eerste parameter vertegenwoordigt de array (beginnend bij 0). 1 geeft de kolom Browser aan. De tweede parameter is desc of asc
"aoColumns": [
null,
null,
{
"bZichtbaar": waar, //onzichtbaar
"bSearchable": vals, //neem deel aan de zoektocht
},
null,
null
], // kolominstellingen, er zijn meerdere kolommen in de tabel en er zijn verschillende items in de array
"bStateSave": waar, //Save state to cookie *************** is belangrijk, wanneer de pagina wordt ververst tijdens het zoeken, verdwijnt de zoekopdracht. Deze eigenschap kan worden vermeden
"sPaginationType": "full_numbers", //pagination, twee stijlen, full_numbers en two_button (standaard)
"oLanguage": {
"sLengthMenu": "Toon _MENU_ records per pagina",
"sZeroRecords": "Sorry, er kunnen geen relevante gegevens worden opgevraagd",
"sInfo": "Momenteel wordt _START_ tot _END_ weergegeven voor _TOTAL_ records",
"sInfoEmtpy": "Geen gegevens gevonden",
"sInfoFiltered": "In totaal _MAX_ records in de datatabel)",
"sProcessing": "Laden...",
"sSearch": "search",
"sUrl": "", //meertalig configuratiebestand, waarmee je oLanguage-instellingen in een txtbestand kunt zetten, bijvoorbeeld Javascrip{filter}t/datatable/dtCH.txt
"oPaginate": {
"sEerste": "eerste pagina",
"sVorige": "Vorige",
"sNext": "Next",
"sLaatste": "Laatste pagina"
}
}, //meertalige configuratie
"bJQueryUI": false, //Je kunt het UI-thema van jqury toevoegen vereist het toevoegen van CSS
"aLengthMenu": [[10, 25, 50, -1, 0], ["10 vermeldingen per pagina", "25 vermeldingen per pagina", "50 vermeldingen per pagina", "toon alle gegevens", "toon geen gegevens"]] // Stel het keuzemenu in om records per pagina weer te geven
});
});
Roep direct de standaardinstellingen aan
$('#example').dataTable();
|
Geplaatst op 02-11-2015 16:47:09
|
|
|
|
