$(document).ready(function() {
$('#example').dataTable({
"sScrollX": "100%", // larghezza della tabella
"sScrollXInner": "110%", //Larghezza del contenuto della tabella
"bScrollCollapse": vero, //Quando i dati visualizzati non sono abbastanza grandi da supportare l'altezza predefinita della tabella, la barra di scorrimento verticale è comunque visualizzata. (Il predefinito è falso)
"bPaginate": vero, //se la paginazione viene visualizzata
"bLengthChange": vero, //Numero di record visualizzati per pagina
"bFilter": true, //barra di ricerca
"bSort": vero, //se la funzione di ordinamento è supportata
"bInfo": vero, //Mostra le informazioni della tabella
"bAutoWidth": falso, //Larghezza adattiva
"aaSorting": [[1, "asc"]], //Ordina la lista, il primo parametro rappresenta l'array (a partire da 0). 1 indica la colonna Browser. Il secondo parametro è desc o asc
"Colonne d'Attacco": [
nullo,
nullo,
{
"bVisible": vero, //invisibile
"bSearchable": falso, //partecipa alla ricerca
},
nullo,
null
], // impostazioni delle colonne, ci sono diverse colonne nella tabella e diversi elementi nell'array
"bStateSave": vero, //Salva lo stato su cookie *************** è importante, quando la pagina viene aggiornata durante la ricerca, la ricerca scompare. Questa proprietà può essere evitata
"sPaginationType": "full_numbers", //pagination, due stili, full_numbers e two_button (predefinito)
"oLanguage": {
"sLengthMenu": "Mostra i record _MENU_ per pagina",
"sZeroRecords": "Mi dispiace, nessun dato rilevante può essere consultato",
"sInfo": "Attualmente visualizzando _START_ a _END_ per i record _TOTAL_",
"sInfoEmtpy": "Nessun dato trovato",
"sInfoFiltered": "Un totale di record _MAX_ nella tabella dati)",
"sProcessing": "In caricamento...",
"sSearch": "search",
"sUrl": "", //File di configurazione multilingue, che permette di inserire le impostazioni oLanguage in un file txt, ad esempio Javascrip{filter}t/datatable/dtCH.txt
"oPaginate": {
"sFirst": "prima pagina",
"Precedente": "Precedente",
"sNext": "Next",
"sLast": "Ultima pagina"
}
}, //Configurazione multilingue
"bJQueryUI": false, //Puoi aggiungere il tema UI di jqury richiede l'aggiunta di CSS
"aLengthMenu": [[10, 25, 50, -1, 0], ["10 voci per pagina", "25 voci per pagina", "50 voci per pagina", "mostra tutti i dati", "non mostra dati"]] // Imposta il menu a tendina per mostrare i record per pagina
});
});
Chiama direttamente le impostazioni predefinite
$('#example').dataTable();
|
Pubblicato su 02/11/2015 16:47:09
|
|
|
|
