HTML Table Colspan & Rowspan

۱. colspan

• باعث می‌شود یک خانه (سلول) جدول به صورت افقی در چند ستون گسترش یابد.

• نحوه استفاده: <td colspan="تعداد ستون‌ها">

مثال:

<table border=“1”>

<tr>

             <td colspan=“2”>این خانه دو ستون را پوشش می‌دهد</td>

             <td>خانه معمولی</td>

</tr>

<tr>

          <td>خانه ۱</td>

          <td>خانه ۲</td>

          <td>خانه ۳</td>

</tr>

</table>

نتیجه:

۲. rowspan

• باعث می‌شود یک خانه جدول به صورت عمودی در چند ردیف گسترش یابد.

• نحوه استفاده: <td rowspan="تعداد ردیف‌ها">

مثال:

<table border=“1”>

<tr>

             <td rowspan=“2”>این خانه دو ردیف را پوشش می‌دهد</td>

             <td>خانه ۲</td>

</tr>

<tr>

              <td>خانه ۳</td>

</tr>

</table>

نتیجه:

مثال ترکیبی:

<table border=“1”>

<tr>

                <td rowspan=“2” colspan=“2”>گسترش در ۲ ردیف و ۲ ستون</td>

                <td>خانه ۳</td>

</tr>

<tr>

               <td>خانه ۴</td>

</tr>

<tr>

             <td>خانه ۵</td>

             <td>خانه ۶</td>

             <td>خانه ۷</td>

</tr>

</table>