Αυτό το άρθρο είναι ένα άρθρο καθρέφτη της αυτόματης μετάφρασης, κάντε κλικ εδώ για να μεταβείτε στο αρχικό άρθρο.

Άποψη: 15847|Απάντηση: 0

[Bootstrap] Το Bootstrap Datatable είναι μια απλή βασική διαμόρφωση

[Αντιγραφή συνδέσμου]
Δημοσιεύτηκε στις 2/11/2015 4:47:09 μ.μ. | | | |


$(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();





Προηγούμενος:Η C# δημιουργεί τυχαίους αριθμούς
Επόμενος:Το Jquery dataTable φορτώνει δυναμικά δεδομένα για αιτήματα ajax
Αποκήρυξη:
Όλο το λογισμικό, το υλικό προγραμματισμού ή τα άρθρα που δημοσιεύονται από το Code Farmer Network προορίζονται μόνο για μαθησιακούς και ερευνητικούς σκοπούς. Το παραπάνω περιεχόμενο δεν θα χρησιμοποιηθεί για εμπορικούς ή παράνομους σκοπούς, άλλως οι χρήστες θα υποστούν όλες τις συνέπειες. Οι πληροφορίες σε αυτόν τον ιστότοπο προέρχονται από το Διαδίκτυο και οι διαφορές πνευματικών δικαιωμάτων δεν έχουν καμία σχέση με αυτόν τον ιστότοπο. Πρέπει να διαγράψετε εντελώς το παραπάνω περιεχόμενο από τον υπολογιστή σας εντός 24 ωρών από τη λήψη. Εάν σας αρέσει το πρόγραμμα, υποστηρίξτε γνήσιο λογισμικό, αγοράστε εγγραφή και λάβετε καλύτερες γνήσιες υπηρεσίες. Εάν υπάρχει οποιαδήποτε παραβίαση, επικοινωνήστε μαζί μας μέσω email.

Mail To:help@itsvse.com