سطر جدول (tr)
«سطر جدول (Table Row)» یعنی ردیفی از خانه ها در جدول. تگ «tr» یک سطر می سازد. داخل آن «th» یا «td» می آید. «ویژگی (Attribute)» یعنی تنظیماتی برای تگ. این تگ در همه مرورگرها پشتیبانی می شود.
تعریف و کاربرد تگ tr
تگ «tr» یک ردیف در جدول می سازد. سپس درون آن، سلول های عنوان «th» یا سلول های داده «td» قرار می گیرند. بنابراین ساختار تمیز می شود و خوانایی بالا می رود.
مثال: جدول ساده با یک سطر عنوان
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
راهنمای سریع ساخت سطر جدول
- یک تگ <table> بسازید.
- برای هر سطر، یک <tr> اضافه کنید.
- داخل <tr> از <th> یا <td> استفاده کنید.
نکته: مقدارهای پیش فرض مرورگر برای «tr» شامل display: table-row و vertical-align: inherit است.
تراز کردن محتوا در یک سطر
<table style="width:100%;">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr style="text-align:right;">
<td>January</td>
<td>$100</td>
</tr>
</table>
ادغام ستون ها با colspan
<table>
<tr>
<th>Name</th>
<th>Email</th>
<th colspan="2">Phone</th>
</tr>
<tr>
<td>John Doe</td>
<td>john.doe@example.com</td>
<td>123-45-678</td>
<td>212-00-546</td>
</tr>
</table>
نکات کاربردی «سطر جدول»
- برای عنوان ها از <th> استفاده کنید.
- برای داده ها از <td> استفاده کنید.
- استایل سطر را با ویژگی های CSS تنظیم کنید.
راهنمای کامل جدول را در HTML Tables ببینید. شیء DOM مربوطه: TableRow object. استایل دهی جدول ها: CSS Tables.
برای ادامه خواندن درباره «<td>» به tag-td سر بزنید. درباره «<th>» هم در tag-th بخوانید. لینک میانبر خود سطر جدول را ذخیره کنید.
جمع بندی سریع
- <tr> یک سطر جدول می سازد.
- داخل آن <th> یا <td> می آید.
- می توانید تراز و رنگ سطر را بدهید.
- از colspan برای ادغام ستون ها استفاده کنید.
- همه مرورگرها از آن پشتیبانی می کنند.