Η ιδιότητα rowspan του HTML <td>

HTML <td> ετικέτα

Ορισμός και χρήση

rowspan Η ιδιότητα καθορίζει τον αριθμό των γραμμών που πρέπει να διαβάσει η κελίδα.

Παράδειγμα

Παράδειγμα 1

Μια τάβλα HTML με κελίδα που διέπεραν δύο γραμμές:

<table>
  <tr>
    <th>Μήνας</th>
    <th>Αποταμίευση</th>
    <th>Αποταμίευση για τις διακοπές!</th>
  </tr>
  <tr>
    <td>Ιανουάριος</td>
    <td>￥3000</td>
    <td rowspan="2">￥6000</td>
  </tr>
  <tr>
    <td>Φεβρουάριος</td>
    <td>￥4000</td>
  </tr>
</table>

Προσπαθήστε το μόνοι σας

Παράδειγμα 2

Χρησιμοποιώντας το rowspan="0", ο περιηγητής θα διαβάσει τη κελίδα μέχρι την τελευταία γραμμή της τάβλας:

<table>
<thead>
  <tr>
    <th>Μήνας</th>
    <th>Αποταμίευση</th>
    <th rowspan="3">Αποταμίευση για εορτές!</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>Ιανουάριος</td>
    <td>￥3000</td>
    <td rowspan="0">￥6000</td>
  </tr>
  <tr>
    <td>Φεβρουάριος</td>
    <td>￥4000</td>
  </tr>
</tbody>
</table>

Προσπαθήστε το μόνοι σας

Γραμματική

<td rowspan="number">

Αξία ιδιότητας

Αξία Περιγραφή
number

Ορίζει τον αριθμό των γραμμών που θα διαπεράσει η κελίου.

Σημείωση:rowspan="0" λέει στον περιηγητή να διαπεράσει τη δεξίωση της κελίου στην τελευταία γραμμή του τμήματος του πίνακα (thead, tbody ή tfoot).

Chrome, Firefox και Opera 12 (και πιο παλιές εκδόσεις) υποστηρίζουν rowspan="0".

Υποστήριξη浏览器

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη

HTML <td> ετικέτα