$(document).ready(function() { $('#example').dataTable({ "sScrollX": "100%", // πλάτος του πίνακα "sScrollXInner": "110%", //Πλάτος των περιεχομένων του πίνακα "bScrollCollapse": true, //Όταν τα εμφανιζόμενα δεδομένα δεν είναι αρκετά μεγάλα για να υποστηρίξουν το προεπιλεγμένο ύψος του πίνακα, η κατακόρυφη γραμμή κύλισης εξακολουθεί να εμφανίζεται. (Η προεπιλογή είναι ψευδής) "bPaginate": true, //εάν εμφανίζεται η σελιδοποίηση "bLengthChange": true, //Αριθμός εγγραφών που εμφανίζονται ανά σελίδα "bFilter": true, //γραμμή αναζήτησης "bSort": true, //εάν υποστηρίζεται η συνάρτηση ταξινόμησης "bInfo": true, //Εμφανίζει πληροφορίες πίνακα "bAutoWidth": false, //Προσαρμόσιμο πλάτος "aaSorting": [[1, "asc"]], //Ταξινόμηση της λίστας, η πρώτη παράμετρος αντιπροσωπεύει τον πίνακα (ξεκινώντας από το 0). Το 1 υποδεικνύει τη στήλη Πρόγραμμα περιήγησης. Η δεύτερη παράμετρος είναι desc ή asc "aoColumns": [ null, null, { "bVisible": αληθές, //αόρατο "bSearchable": false, //συμμετέχουν στην αναζήτηση }, null, μηδενικό ], // ρυθμίσεις στήλης, υπάρχουν πολλές στήλες στον πίνακα και υπάρχουν πολλά στοιχεία στον πίνακα "bStateSave": true, //Αποθήκευση κατάστασης σε cookie *************** είναι σημαντικό, όταν η σελίδα ανανεώνεται κατά την αναζήτηση, η αναζήτηση θα εξαφανιστεί. Αυτή η ιδιότητα μπορεί να αποφευχθεί "sPaginationType": "full_numbers", //σελιδοποίηση, δύο στυλ, full_numbers και two_button (προεπιλογή) "oLanguage": { "sLengthMenu": "Εμφάνιση εγγραφών _MENU_ ανά σελίδα", "sZeroRecords": "Λυπούμαστε, δεν είναι δυνατή η αναζήτηση σχετικών δεδομένων", "sInfo": "Αυτήν τη στιγμή εμφανίζει _START_ σε _END_ για _TOTAL_ εγγραφές", "sInfoEmtpy": "Δεν βρέθηκαν δεδομένα", "sInfoFiltered": "Σύνολο _MAX_ εγγραφών στον πίνακα δεδομένων)", "sProcessing": "Φόρτωση...", "sSearch": "αναζήτηση", "sUrl": "", //Πολύγλωσσο αρχείο ρυθμίσεων, το οποίο σας επιτρέπει να βάλετε ρυθμίσεις oLanguage σε ένα αρχείο txt, π.χ. Javascrip{filter}t/datatable/dtCH.txt "oPaginate": { "sFirst": "πρώτη σελίδα", "sΠροηγούμενο": "Προηγούμενο", "sNext": "Επόμενο", "sLast": "Τελευταία σελίδα" } }, //Πολύγλωσση διαμόρφωση "bJQueryUI": false, //Μπορείτε να προσθέσετε το θέμα διεπαφής χρήστη του jqury απαιτεί την προσθήκη CSS "aLengthMenu": [[10, 25, 50, -1, 0], ["10 καταχωρήσεις ανά σελίδα", "25 καταχωρήσεις ανά σελίδα", "50 καταχωρήσεις ανά σελίδα", "εμφάνιση όλων των δεδομένων", "να μην εμφανίζονται δεδομένα"]] // Ρυθμίστε το αναπτυσσόμενο μενού ώστε να εμφανίζει εγγραφές ανά σελίδα }); }); Καλέστε απευθείας τις προεπιλεγμένες ρυθμίσεις
$('#example').dataTable();
|