ตัวแปร rowspan ของ 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
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน