ادغام ستون ها و ردیف ها در جداولHTML

ادغام ستون‌ها و ردیف‌ها در جداول HTML

جداول HTML می‌تونن سلول‌هایی داشته باشن که روی چندین سطر و/یا ستون امتداد پیدا کنن.

HTML Table - 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 نشان‌دهنده تعداد ستون‌هایی هست که سلول باید روی اون‌ها امتداد پیدا کنه.

HTML Table - 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>