6 JavaScript Grid Plugins

VN:F [1.9.22_1171]
Rating: 5.0/5 (2 votes cast)
FavoriteLoadingΠροσθήκη στα Αγαπημένα μου
30/04/2011 από
merianos

Οι πίνακες είναι ο καλύτερος τρόπος για να προβάλετε δεδομένα. Πάρτε ως παράδειγμα το Microsoft Excel, στο οποίο μπορούμε να ταξινομήσουμε, επεξεργαστούμε ή ακόμα και να φιλτράρουμε τα δεδομένα μας εύκολα, μόνο με μερικά κλικ.

Σε αυτό το άρθρο θα σας παρουσιάσουμε plug-ins για πλέγματα δεδομένων που μπορείτε να τα χρησιμοποιήσετε στις σελίδες σας. Με τη βοήθεια της JavaScript μεταμορφώνουν κανονικούς πίνακες σε πλέγματα δεδομένων όπως αυτό του Excel, σε συνδυασμό με μια μεγάλη ποικιλία χαρακτηριστικών και δυνατοτήτων. Ρίξτε λοιπόν μια ματιά στη λίστα με τα 6 καλύτερα plug-ins για data grids τα οποία είναι εξοπλισμένα με πολλά χαρακτηριστικά και θα σας φανούν πραγματικά πολύ χρήσιμα.

FlexiGrid


Ένα ελαφρύ αλλά δυνατό data grid με στήλες που το πλάτος τους προσαρμόζετε στις ανάγκες του τελικού χρήστη και κυλιόμενα δεδομένα, και επιπλέον με τη δυνατότητα να συνδέσετε ένα xml ή json αρχείο με τα δεδομένα που θέλετε να προβάλετε.

Σημαντικά χαρακτηριστικά

  • Προσαρμόσιμο πλάτος και ύψος για γραμμές και στήλες
  • Τα δεδομένα μπορούν να ταξινομηθούν ανά στήλη.
  • Μπορεί να μετατρέψει ένα απλό table σε data grid
  • Δυνατότητα σύνδεσης μέσω AJAX σε πηγές δεδομένων από αρχεία xml ή jsonn
  • Σελιδοποίηση
  • Προβολή/απόκρυψη στηλών
  • Γραμμή εργαλείων
  • Αναζήτηση ανάμεσα στα δεδομένα
  • Προσβάσιμη API

EditableGrid


Το EditableGrid είναι μια βιβλιοθήκη JavaScript ανοικτού κώδικα που ως σκοπό έχει τη μετατροπή απλών html πινάκων σε ένα εξειδικευμένο επεξεργάσιμο στοιχείο. Στοχεύει στην απλότητα, καθώς απαιτεί μόνο μερικές γραμμές κώδικα για να μπορέσετε να μετατρέψετε ένα πίνακα σε ένα ισχυρό data grid.

Σημαντικά χαρακτηριστικά

  • Μπορεί να φορτώσει δεδομένα από αρχεία XML ή από ένα html table
  • Μπορεί να δεχτεί διαφορετικούς τύπους δεδομένων ανά στήλη
  • Επεξεργασία δεδομένων με κατάλληλο επεξεργαστή, ανάλογα με τον τύπο δεδομένων της στήλης
  • Δυνατότητα να δηλώσετε ένα προκαθορισμένο σύνολο τιμών για ένα πεδίο ή για τα πεδία μιας στήλης
  • Ενσωματωμένος έλεγχος εγκυρότητας δεδομένων για κάθε τύπο δεδομένων
  • Εισαγωγή και διαγραφή γραμμών
  • Callbacks για κάθε συμβάν

jQGrid


Το jQGrid είναι ένα εργαλείο JavaScript που υποστηρίζει πλήρως την τεχνολογία AJAX και παρέχει λύσεις στην παρουσίαση και επεξεργασία δεδομένων στο διαδίκτυο. Ενώ το grid ουσιαστικά εκτελείτε στο τερματικό του χρήστη, μπορεί να μεταφέρει δεδομένα μέσω της τεχνολογίας AJAX από το server από κάθε γλώσσα προγραμματισμού που μπορεί να εκτελεστεί στη μεριά του server, συμπεριλαμβανομένων και των PHP, ASP, Java Servlets, JSP, ColdFusion και Perl.

Σημαντικά χαρακτηριστικά

  • Θέματα βασισμένα σε CSS
  • Σελιδοποίηση των δεδομένων
  • Το πλάτος κάθε στήλης μπορεί να προσαρμοστεί ανάλογα με τις απαιτήσεις του χρήστη
  • Ταξινόμηση δεδομένων
  • Υποστηρίζει τύπους δεδομένων
  • Υποστηρίζει πηγές δεδομένων από αρχεία XML, JSON και πίνακες
  • Διαχείριση συμβάντων
  • API για τον χρήστη
  • Πολύγλωσση υποστήριξη

TableSorter


Το TableSorter είναι ένα jQuery plug-in που μπορεί να μετατρέψει ένα πίνακα που έχει τα τμήματα thead και tbody σε ένα πίνακα που μπορεί να ταξινομηθεί χωρίς να ανανεώσει τη σελίδα.

Σημαντικά χαρακτηριστικά

  • Ταξινόμηση δεδομένων από πολλαπλές στήλες
  • Cross Browser υποστήριξη
  • Μικρό μέγεθος κώδικα

DataTables


Το DataTables είναι ένα plug-in για jQuery. Είναι εξερετικά ευέλικτο εργαλείο που βασίζετε στη συνεχή βελτίωση και ανάπτυξη.

Σημαντικά χαρακτηριστικά

  • Μεταβλητό μήκος σελιδοποίησης
  • Άμεσο φιλτράρισμα δεδομένων
  • Ταξινόμηση πολλαπλών στηλών με εντοπισμό του τύπου δεδομένων
  • Έξυπνη διαχείριση του πλάτους των στηλών
  • Προβολή δεδομένων από σχεδόν κάθε πηγή δεδομένων
  • Δυναμική δημιουργία πινάκων
  • Αυτόματο φόρτωμα των δεδομένων με AJAX
  • Κρυφές στήλες

SlickGrid


Αρκετά απλό το SlickGrid, είναι ένα JavaScript στοιχείο για πλέγματα/spreadsheets. Σε γενικές γραμμές είναι πολύ εξειδικευμένο εργαλείο, και ως επέκταση αυτού, είναι λίγο ποιο δύσκολο στην εκμάθηση και την παραμετροποίηση, αλλά αν τελικά καταφέρετε να το προσαρμόσετε στη σελίδα σας τότε θα έχετε ένα πολύ δυνατό πλέγμα στα χέρια σας.

Σημαντικά χαρακτηριστικά

  • Προσαρμοσμένη εικονική κύλιση
  • Εξαιρετικά γρήγορη σχεδίαση του component
  • Υποστηρίζει τα themes από το jQuery UI
  • Δέχεται προσαρμογές / ρυθμίσεις
  • Αλλαγή μεγέθους/θέσης/απόκρυψη/προβολή των στηλών







Hide ↑

Ο Νίκος είναι ένας Web Developer που συνεχώς παρακολουθεί τις εξελίξεις και ενημερώνεται για τα νέα δεδομένα στο χώρο της κατασκευής διαδικτυακών εφαρμογών. Με εμπειρία που ξεπερνά τα 10 χρόνια, είναι ικανός να γράψει διαδικτυακές εφαρμογές σε PHP με τη βοήθεια του CakePHP, jQuery, CSS Blueprint Framework και άλλες τεχνολογίες που ευνοούν την ανάπτυξη την ταχύτατη ενημέρωση, αποσφαλμάτωση, επέκταση και συντήρηση του κώδικα. Πέρα όμως από την ανάπτυξη διαδικτυακών εφαρμογών είναι σε θέση να γράψει WordPress themes, plugins, widgets, shortcodes και να δημιουργήσει και Templates για phpBB. Τέλος, το γνωσιακό του επίπεδο δεν περιορίζεται σε γλώσσες προγραμματισμού, μοντέλα δεδομένων και τεχνικές ανάπτυξης. Ο Νίκος έχει γνώσεις επιτάχυνσης ιστοσελίδων, regular expressions χρήση των mod_rewrites σε βάθος κ.α.

Follow Νίκος Μέριανος on Twitter ,

HTML5 & HTML 4+ - Όλες οι ετικέτες

11 February 2012

Σήμερα άρχισα να κάνω μια σύντομη σύγκριση των ετικετών της HTML 4+ με τις ετικέτες της HTML5 έτσι ώστε να μπορέσω να δω ποιες είναι οι διαφορές[…]

Read more...

Τι είναι το Cloud Hosting

28 January 2012

Μπορεί να το γνωρίζεται, μπορεί και όχι, αλλά ήδη πολλοί από εμάς σε καθημερινή βάση χρησιμοποιούμε το cloud hosting. Αν για παράδειγμα χρησιμοποιείτε[…]

Read more...

Η ψυχολογία της απόδοσης στο Web

30 April 2011

Έρευνες έχουν δείξει πως η απογοήτευση των χρηστών αυξάνετε όταν οι χρόνοι φόρτωσης μιας ιστοσελίδας υπερβαίνει τα 8 με 10 δευτερόλεπτα, χωρίς[…]

Read more...






Σχόλια

Δεν υπάρχουν σχόλια ακόμα.

Αφήστε ένα σχόλιο

 






RSS για τα σχόλια σε αυτό το άρθρο.  |  TrackBack URL



 
 
 

Eταιρείες παροχής υπηρεσιών διαδικτύου




 

Το Όραμά Μας

3d2 3d2

Η νέα εποχή ξεκινάει…

Είστε έτοιμοι;

Παρά τις όποιες δυσκολίες συναντήσαμε, τελικά μετά από 1 χρόνο περίπου, καταφέραμε να συγκεντρώσουμε τις δυνάμεις μας και να βάλουμε τις σκέψεις μας στο σωστό μονοπάτι.

Ξεκινάμε μια νέα εποχή για τα Ελληνικά δεδομένα. Κοιτάμε μπροστά και οραματίζομαστε το μέλλον με αισιοδοξία σε μία πολύ δύσκολη εποχή!

Αν είστε digital artist (web designer. web developer, programmer, 3d animator, graphic designer κτλ)  δώστε λίγα λεπτά από τον χρόνο σας να διαβάσετε το παρακάτω άρθρο. Σίγουρα σας ενδιαφέρει

 
web design forum

  • Προσεγγίστε νέους αναγνώστες και φίλους
  • Αποκτήστε το δικαίωμα να προωθήστε την σελίδα σας μέσω διαφημιστικών banner στο web design forum
  • Αποκτήστε συνδέσμους και backlinks δωρεάν
  • Αυτόματη προωθηση του άρθρου σας, σε διάφορες ιστοσελίδες κοινωνικής δικτύωσης.