تگ tfoot در HTML

با استفاده از تگ tfoot در HTML پاورقی ( پایین ترین بخش ) یک جدول را تعریف و مشخص می کنیم.

مثال

در مثال زیر یک جدول با عناصر <thead> و <tbody> و <tfoot> ایجاد کرده ایم:

<table>
<thead>
<tr>
<th>ماه</th>
<th>ذخیره</th>
</tr>
</thead>
<tbody>
<tr>
<td>خرداد</td>
<td>$100</td>
</tr>
<tr>
<td>دی</td>
<td>$80</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>فروردین</td>
<td>$180</td>
</tr>
</tfoot>
</table>

تست آنلاین کد

تعریف و کاربرد

از تگ tfoot در HTML برای گروه بندی محتوای پاورقی یک جدول استفاده می شود.

تگ <tfoot> همراه با عناصر <thead> و <tbody> برای تعیین هر قسمت از جدول ( پاورقی ، هدر ، بدنه ) استفاده می شود.

توجه: عنصر <tfoot> باید یک یا چند تگ <tr> درون خود داشته باشد.

نکته: عناصر <thead> و <tbody> و <tfoot> به طور پیش فرض بر چیدمان جدول تاثیری نخواهند داشت. با این حال ، می توانید از CSS برای سبک دادن به این عناصر استفاده کنید.

پشتیبانی مرورگر ها

خواص عمومی

تگ tfoot از خواص عمومی در HTML پشتیبانی میکند.

رویداد های عمومی

تگ tfoot از رویداد های عمومی در HTML پشتیبانی میکند.

تنظیمات پیش فرض CSS

اکثر مرورگر ها عنصر tfoot در HTML را با تنظیمات پیش فرض زیر نمایش می دهند:

tfoot {
  display: table-footer-group;
  vertical-align: middle;
  border-color: inherit;
}