Τι είναι το χαρακτηριστικό 'rowspan' και πώς χρησιμοποιείται με το στοιχείο 'td' σε HTML;

Ti Einai To Charakteristiko Rowspan Kai Pos Chresimopoieitai Me To Stoicheio Td Se Html



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

Αυτός ο οδηγός δείχνει τι είναι το χαρακτηριστικό 'rowspan' και πώς να το χρησιμοποιήσετε με το στοιχείο 'td'.

Τι είναι ένα Χαρακτηριστικό 'εύρος σειράς';

Το χαρακτηριστικό 'rowspan' χρησιμοποιείται για τη συγχώνευση πολλαπλών κελιών σε κάθετη κατεύθυνση. Μπορεί να προσπελαστεί ως ' rowspan = τιμή », όπου το « αξία ” είναι ο αριθμός των σειρών που πρέπει να συγχωνευθούν σε κάθετη κατεύθυνση. Είναι ευεργετικό για τη βελτίωση της αναγνωσιμότητας των χρηστών και την εμφάνιση σύνθετων δεδομένων με πιο ελκυστικό τρόπο για τον χρήστη.





Τι είναι ένα στοιχείο 'td';

Ο ' td ' ή στοιχείο δεδομένων πίνακα χρησιμοποιείται για τον ορισμό ενός κελιού σε έναν πίνακα HTML. Χρησιμοποιείται κυρίως σε συνδυασμό με άλλα στοιχεία HTML πίνακα όπως «», «», «

για τη δημιουργία περιεχομένου πίνακα. Μπορεί επίσης να χρησιμοποιηθεί με χαρακτηριστικά όπως 'colspan' και 'rowspan' για προσθήκη επιπλέον σχεδιαστικών χαρακτηριστικών, μείωση της πολυπλοκότητας και βελτίωση του παράγοντα αναγνωσιμότητας κ.λπ. Χρησιμοποιείται στο αρχείο HTML χρησιμοποιώντας το ' ετικέτες ' που εισάγουν τις σειρές στον πίνακα και χρησιμοποιούν το '
ετικέτα '.



Πώς να χρησιμοποιήσετε το χαρακτηριστικό 'rowspan' με το στοιχείο 'td';

Για καλύτερη επίδειξη της σχέσης μεταξύ του χαρακτηριστικού 'rowspan' και του στοιχείου 'td'. Ας δούμε ένα πρακτικό παράδειγμα ακολουθώντας τον παρακάτω βήμα προς βήμα οδηγό:



Βήμα 1: Δημιουργία πίνακα σε HTML

Αρχικά, δημιουργήστε έναν πίνακα με τη βοήθεια του ' <πίνακας> ετικέτα '. Μέσα σε αυτό προσθέστε πολλά '

ετικέτα για τη δημιουργία κελιών:



< στυλ >

τραπέζι{

border-collapse:collapse;

περιθώριο: 40 px;

}

ου, td{

περίγραμμα: 2 px συμπαγές κόκκινο;

padding: 20px;

}

< / στυλ >

< / κεφάλι >

< σώμα >

< τραπέζι >

< tr >

< ου > emp.id < / ου >

< ου > όνομα υπαλλήλου < / ου >

< ου > Μισθός < / ου >

< / tr >

< tr >

< td > 1 < / td >

< td > Γιάννης < / td >

< td > 160.000 < / td >

< / tr >

< tr >

< td > 2 < / td >

< td > Ιωσήφ < / td >

< td > 120.000 < / td >

< / tr >

< tr >

< td > 3 < / td >

< td > Άντζελα < / td >

< td > 120.000 < / td >

< / tr >

< tr >

< td > 4 < / td >

< td > Κόκκινος < / td >

< td > 80.000 < / td >

< / tr >

< / τραπέζι >

< / σώμα >

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

  • Αρχικά, οι πέντε σειρές έχουν δημιουργηθεί και ορισμένα εικονικά δεδομένα παρέχονται σε κάθε κελί.
  • Στη συνέχεια, το « τραπέζι Επιλέγεται το στοιχείο ' και ορίζεται το ' κατάρρευση 'τιμή στο CSS' σύνορα-κατάρρευση ” ιδιοκτησία.
  • Μετά από αυτό, το « σύνορο ' και ' υλικό παραγεμίσματος Οι ιδιότητες χρησιμοποιούνται για τη βελτίωση της ορατότητας του χρήστη και τη δημιουργία ενός ελκυστικού εφέ για τον χρήστη.

Μετά την εκτέλεση του κώδικα, ο πίνακας εμφανίζεται ως εξής:



Η παραπάνω έξοδος δείχνει ότι ο πίνακας έχει δημιουργηθεί και έχει διαμορφωθεί.

Βήμα 2: Χρησιμοποιώντας το χαρακτηριστικό 'rowspan' με το στοιχείο 'td'.

Ο ' εύρος σειρών Το χαρακτηριστικό ' συγχωνεύει γειτονικά κελιά στην κατακόρυφη κατεύθυνση. Χρησιμοποιείται με το «

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

< σώμα >

< τραπέζι >

< tr >

< ου >Emp.id< / ου >

< ου >Όνομα υπαλλήλου< / ου >

< ου >Μισθός< / ου >

< / tr >

< tr >

< td > 1 < / td >

< td >Γιάννης< / td >

< td > 160 000< / td >

< / tr >

< tr >

< td > 2 < / td >

< td >Ιωσήφ< / td >

< td εύρος σειρών = '2' > 120 000< / td >

< / tr >

< tr >

< td > 3 < / td >

< td >Αγγέλα< / td >

< / tr >

< tr >

< td > 4 < / td >

< td >Scarlet< / td >

< td > 80 000< / td >

< / tr >

< / τραπέζι >

< / σώμα >

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

  • Το 'span' συνδέεται με τον εργαζόμενο να έχει ' Μισθός ” td στοιχείο.
  • Η αξία του ' 2 ' παρέχεται στο χαρακτηριστικό 'rowspan' που ορίζει τα ίδια δεδομένα και στα δύο γειτονικά κελιά όπως φαίνεται παρακάτω:

Η έξοδος δείχνει ότι τα δύο κελιά συγχωνεύονται και η αναγνωσιμότητα για τον χρήστη είναι πλέον βελτιωμένη.

συμπέρασμα

Ο ' εύρος σειρών Το χαρακτηριστικό ' λειτουργεί με το ' td ' στοιχείο για τη συγχώνευση πολλαπλών παρακείμενων κελιών στην κατακόρυφη κατεύθυνση. Το χαρακτηριστικό παίρνει έναν αριθμό ως τιμή και λέει πόσα κελιά συγχωνεύονται. Χρησιμοποιείται όταν παρέχονται τα ίδια δεδομένα σε πολλαπλά κελιά. Αυτό το ιστολόγιο έχει δείξει τι είναι το 'rowspan' και πώς να το χρησιμοποιήσετε με το στοιχείο 'td' σε HTML.

Αλλα

Κατηγορία

Δημοφιλείς Αναρτήσεις

Πώς να δηλώσετε μεταβλητές στο C

Πώς να βελτιώσετε την πρόσβαση σε δεδομένα με δευτερεύοντες δείκτες;

C++ Virtual Constructor

Πώς να εργαστείτε με την κανονική διανομή στο MATLAB χρησιμοποιώντας το fitdist

Πώς να αναλύσετε τις συμβολοσειρές με τη strpbrk() στον προγραμματισμό C;

Πώς να μάθετε C++ για αρχάριους

JavaScript Regex (Επικύρωση ονόματος χρήστη)

Πώς να χρησιμοποιήσετε τη συνάρτηση isblank() στην C++

Πώς να αντιμετωπίσετε την επαλήθευση σε 2 βήματα στο Roblox

Πώς να χρησιμοποιήσετε τη λειτουργία Emacs Org

5 καλύτεροι διακομιστές Discord για το Valheim στους οποίους μπορείτε να εγγραφείτε

Πρότυπα αποθετηρίου GitHub

Πώς να ρυθμίσετε το HAProxy ως αντίστροφο διακομιστή μεσολάβησης

Λειτουργία SQL Server STDEV

Πώς να χρησιμοποιήσετε τη GPU NVIDIA σε Docker Containers στο Ubuntu 22.04 LTS

Πώς να περάσετε συσκευές USB σε εικονικές μηχανές (VM) Proxmox VE 8

Κορυφαίοι διακομιστές Nitro Discord

Πώς να ξεκινήσετε την υπηρεσία κατά την εκκίνηση στο Ubuntu 22.04

Πώς να αφαιρέσετε το Commit από ένα Branch στο Git

Bootstrap | Σήματα και ετικέτες