MohirDox

Ko'rinishi

HTML Jadval Colspan & Rowspan ​

HTML jadvallarida kataklar bir nechta ustun yoki qatorlarni egallashi mumkin.

Jadval Misollari ​

Colspan Misoli ​

html
<table>
  <tr>
    <th colspan="2">Ism</th>
    <th>Yosh</th>
  </tr>
  <tr>
    <td>Jalol</td>
    <td>Karimov</td>
    <td>43</td>
  </tr>
  <tr>
    <td>Otabek</td>
    <td>Jaxonov</td>
    <td>57</td>
  </tr>
</table>

Eslatma: colspan atributining qiymati nechta ustunni egallashini bildiradi.

Rowspan Misoli ​

html
<table>
  <tr>
    <th>Ism</th>
    <td>Jalol</td>
  </tr>
  <tr>
    <th rowspan="2">Telefon</th>
    <td>998-90-123-45-67</td>
  </tr>
  <tr>
    <td>998-91-874-56-32</td>
  </tr>
</table>

Eslatma: rowspan atributining qiymati nechta qatorni egallashini bildiradi.

Yana Jadval Misollari ​

Colspan bilan Jadval ​

html
<table>
  <tr>
    <th colspan="2">ISM</th>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

Rowspan bilan Jadval ​

html
<table>
  <tr>
    <th rowspan="3">APREL</th>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

Colspan va Rowspan bilan Jadval ​

html
<table>
  <tr>
    <th colspan="3">2022</th>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <th colspan="2" rowspan="2">BAYRAM</th>
    <td></td>
  </tr>
  <tr>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

Qo'shimcha Ma'lumotlar ​