ادغام سلول ها (Colspan & Rowspan)
گاهی نیاز داریم چند سلول یکی شوند. به این می گوییم «ادغام سلول جدول». صفت «colspan» ستون ها را یکی می کند. صفت «rowspan» ردیف ها را یکی می کند. مثل چسباندن خانه های جدول دفتر.
ادغام سلول ها در ستون ها (Colspan)
برای پهن کردن یک سلول روی چند ستون، از ویژگی «colspan» استفاده کن.
<table>
<tr>
<th colspan="2">Name</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>43</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>57</td>
</tr>
</table>
نکته: مقدار colspan یعنی این سلول چند ستون را می پوشاند.
ادغام سلول ها در ردیف ها (Rowspan)
برای بلند کردن یک سلول در چند ردیف، از «rowspan» کمک بگیر.
<table>
<tr>
<th>Name</th>
<td>Jill</td>
</tr>
<tr>
<th rowspan="2">Phone</th>
<td>555-1234</td>
</tr>
<tr>
<td>555-8745</td>
</tr>
</table>
نکته: مقدار rowspan یعنی این سلول چند ردیف را می پوشاند.
گام های عملی
- ستون ها را ادغام کن؛
colspanرا مقدار بده. - ردیف ها را ادغام کن؛
rowspanرا مقدار بده. - چیدمان را بررسی کن تا جدول نامنظم نشود.
مطالب مرتبط: فاصله داخلی و بیرونی جدول، سربرگ های جدول، و همین صفحه با انکر کلیدی: ادغام سلول جدول.
جمع بندی سریع
colspanادغام در عرض ستون هاست.rowspanادغام در ارتفاع ردیف هاست.- مقدار هرکدام تعداد خانه هاست.
- بعد از ادغام، تراز ستون ها را چک کن.