Ποια είναι η χρήση της ομάδας Table-Column και Table-Row Group στο CSS

Poia Einai E Chrese Tes Omadas Table Column Kai Table Row Group Sto Css



Η ομαδοποίηση σε πίνακες επιτρέπει στο χρήστη να συγχωνεύσει δύο ή περισσότερα κελιά μαζί για να εμφανίσει μια ενιαία τιμή ή ένα κομμάτι κειμένου που αντιστοιχεί σε πολλές προηγούμενες εγγραφές. Η ομαδοποίηση των κελιών παρουσιάζει μια καθαρή εικόνα του πίνακα και καθιστά ολόκληρη την παρουσίαση συνοπτική και προσβάσιμη στον αναγνώστη. Ο τεχνικός όρος για την ομαδοποίηση των κελιών σε έναν πίνακα στο CSS είναι «span». Είναι τέτοιο που εάν μια συγκεκριμένη γραμμή ή στήλη εκτείνεται σε μια τιμή μεγαλύτερη από το '1', θεωρείται ότι είναι ομάδα πίνακα.

Τι είναι μια ομάδα πίνακα-στήλων;

Μια ομάδα πίνακα-στήλων, όπως υποδηλώνει το όνομα, είναι μια ομάδα κελιών από πολλές στήλες. Όλες οι τιμές σε μια συγκεκριμένη στήλη σχετίζονται μεταξύ τους. Ένας πίνακας-στήλη φιλοξενεί ένα στοιχείο που περιλαμβάνει πολλές στήλες. Χρησιμοποιούμε ένα ' ετικέτα για να ομαδοποιήσετε τις στήλες σε έναν πίνακα στο CSS. Στη συνέχεια, η τιμή του εύρους ορίζεται για να σημειωθεί πόσες στήλες θα έχει η ομάδα.

Παράδειγμα
Στον πίνακα σχετικά με τα βιολογικά δεδομένα των εργαζομένων της εταιρείας όπου καταγράφονται τα «Όνομα», «Ηλικία» και «Ύψος», κάθε μπλε στήλη αντιστοιχεί σε έναν συγκεκριμένο υπάλληλο, όπως φαίνεται στο ακόλουθο παράδειγμα:







< τραπέζι >
< colgroup >
< διάσελο στυλ = 'χρώμα φόντου: ροζ' >
< διάσελο σπιθαμή = '3' στυλ = 'χρώμα φόντου: ανοιχτό μπλε' >
< / colgroup >
< tr >
< td > Ονομα < / td >
< td > Μιχαήλ < / td >
< td > Τζέιμς < / td >
< td > Δαβίδ < / td >
< / tr >
< tr >
< td > Ηλικία < / td >
< td > 37 < / td >
< td > 43 < / td >
< td > 29 < / td >
< / tr >
< tr >
< td > Υψος < / td >
< td > 173 εκ < / td >
< td > 184 εκ < / td >
< td > 188 εκ < / td >
< / tr >
< / τραπέζι >

Ακολουθήστε τα παρακάτω βήματα σύμφωνα με τον παραπάνω κώδικα:



  • Ξεκινήστε δημιουργώντας έναν πίνακα και προσθέστε το ετικέτα.
  • Χρησιμοποιήστε το σπιθαμή κλάση βοηθητικού προγράμματος και καθορίστε τον αριθμό των στηλών που θα ομαδοποιηθούν.
  • Τώρα, κλείστε τη συλλογική ομάδα χρησιμοποιώντας το ετικέτα.
  • Επίσης, εισάγετε τα αναφερόμενα δεδομένα στις σειρές του πίνακα χρησιμοποιώντας το και ετικέτες.
  • Κλείστε το τραπέζι μέσω του ετικέτα.

Παραγωγή



Το «εύρος» των κελιών σε έναν πίνακα σε HTML αντιπροσωπεύει πόσες στήλες μπορεί να καλύψει ένα μεμονωμένο κελί. Προσφέρει την ίδια χρήση με τη λειτουργία «συγχώνευσης» κελιών στο Microsoft Excel.





Τι είναι μια ομάδα σειρών πίνακα;

Μια ομάδα πίνακα-γραμμών είναι η σύνδεση πολλών σειρών μεταξύ τους για να δημιουργήσετε μια ενιαία ομάδα. Ένα μοναδικό στοιχείο περιλαμβάνει πολλές σειρές. Γίνεται μέσω του « <ομάδα γραμμών> ' ετικέτα.

Παράδειγμα
Ο παρακάτω πίνακας που δείχνει τις πωλήσεις που πραγματοποίησαν οι εργαζόμενοι σε ένα μήνα μπορεί να εμφανιστεί ομαδοποιώντας τη σειρά που περιέχει το όνομα του μήνα έναντι των ονομάτων πολλών υπαλλήλων. Στη συνέχεια, οι πωλήσεις τους μπορούν να εμφανιστούν ανάλογα με τα ονόματά τους. Το ίδιο έχουμε απεικονίσει στον παρακάτω κώδικα:



< τραπέζι τάξη = 'wet-boew-zebra' >
< colgroup >
< διάσελο >
< διάσελο >
< / colgroup >




< το σώμα >
< tr >
< ου colspan = '9' >ΜΗΝΙΑΙΕΣ ΠΩΛΗΣΕΙΣ ( $ ) < / ου >
< / tr >
< tr >
< ου εύρος σειρών = '4' > Μάιος 2023 < / ου >
< ου >Τζέιμς< / ου >
< td > 1434 < / td >
< / tr >
< tr >
< ου >Μιχαήλ< / ου >
< td > 1700 < / td >
< / tr >
< tr >
< ου >Γιάννης< / ου >
< td > 1299 < / td >
< / tr >
< / το σώμα >
< το σώμα >
< tr >
< ου εύρος σειρών = '4' > Ιούνιος 2023 < / ου >
< ου >Τζέιμς< / ου >
< td > 1256 < / td >
< / tr >
< tr >
< ου >Μιχαήλ< / ου >
< td > 1975 < / td >
< / tr >
< tr >
< ου >Γιάννης< / ου >
< td > 1883 < / td >
< / tr >
< / το σώμα >
< / τραπέζι >

Στον παραπάνω κωδικό:

  • Ορίστε έναν πίνακα και προσθέστε το ετικέτα.
  • Καθορίστε την ομαδοποίηση των στηλών χρησιμοποιώντας το colspan κατηγορία χρησιμότητας.
  • Ομοίως, ορίστε την ομαδοποίηση των σειρών μέσω του εύρος σειρών κατηγορία χρησιμότητας.
  • Τώρα, εισαγάγετε τα δεδομένα για τις πωλήσεις όλων των ατόμων για κάθε έναν από τους δύο μήνες.
  • Τέλος, κλείστε τον πίνακα χρησιμοποιώντας το ετικέτα.

Παραγωγή

συμπέρασμα

Τα μεμονωμένα κελιά σε έναν πίνακα μπορούν να ομαδοποιηθούν εάν μία τιμή αντιστοιχεί σε πολλές άλλες εγγραφές. Παρατηρήσαμε επίσης ότι ο πίνακας μπορεί να ομαδοποιηθεί είτε σε στήλες είτε σε γραμμές. Και τα δύο έχουν τις δικές τους λειτουργίες και μπορούν να χρησιμοποιηθούν όπου απαιτείται.