การรวมคอลัมน์ในตาราง

Column Span : การผนวกช่องเซล (คอลัมน์)

         ในบางครั้งเรามีความจำเป็นที่จะต้องรวมเซลภายในแถวเข้าด้วยกัน อย่างตัวอย่างนี้ เรามีตารางชนิด 2*3 จำนวน 6 ช่อง ถ้าเราต้องการผนวกช่อง A และ B เข้าด้วยกัน ในการสร้างตารางก็จะเหลือแถวบนเพียง 2 ช่อง แถวล่างมี 3 ช่อง ดังภาพ
รูปแบบคำสั่ง
การแสดงผล

<TABLE WIDTH="250" BGCOLOR="#FFCCCC" HEIGHT="100">
     <TR bgcolor ="#FF99FF">
     <TD COLSPAN="2">ข้อความ</TD>
     <TD >ข้อความ</TD>
     </TR>
     <TR bgcolor ="#00FFFF">
     <TD>ข้อความ/TD>
     <TD>ข้อความ</TD>
      <TD>ข้อความ</TD>
     </TR>
</TABLE>
คำสั่งที่ใช้ คือ colspan ="x" เมื่อ x คือจำนวน คอลัมน์ที่ต้องการรวม จากตัวอย่าง x = 2

 การรวมแถวในตาราง

Row Span : การผนวกช่องเซล (แถว)

          เช่นเดียวกับหัวข้อที่ผ่านมา ในบางครั้งเราก็มีความจำเป็นในการรวมเซลข้ามแถวเข้าด้วยกัน อย่างตัวอย่างนี้ เรามีตารางชนิด 2*3 จำนวน 6 ช่อง ถ้าเราต้องการผนวกช่อง A และ D ซึ่งอยู่คนละแถวเข้าด้วยกัน ในการสร้างตารางก็จะเหลือแถวบน 3 ช่อง โดยช่องแรกจะต้องขยายไปคลุมพื้นที่ในแถวที่สองด้วย ดังนั้นแถวที่สองจึงมีเพียง 2 ช่อง ดังภาพ การขยายแถวลงไปต้องใช้คำสั่ง ROWSPAN="x" ขยายช่องเซล A ในคำสั่ง <TD> เช่นเดียวกัน
รูปแบบคำสั่ง
การแสดงผล

<TABLE WIDTH="250" BGCOLOR="#FFCCCC" HEIGHT="100">
     <TR bgcolor ="#FF99FF">
     <TD ROWSPAN="2">ข้อความ</TD>
     <TD >ข้อความ</TD>
     <TD>ข้อความ</TD>
     </TR>
     <TR bgcolor ="#00FFFF">
     <TD>ข้อความ</TD>
     <TD>ข้อความ</TD>
     
     </TR>
</TABLE>
คำสั่งที่ใช้ คือ rowspan ="x" เมื่อ x คือจำนวน คอลัมน์ที่ต้องการรวม จากตัวอย่าง x = 2