جدول واکنشگرا - responsive table
واکنش گرا کردن جدول یعنی همه دستگاه ها (مانند موبایل، تبلت، لپ تاپ) با سایز LCD مختلف، جدول را به درستی نمایش دهند.
نکته: چون جدول ها دارای عرض زیادی هستند، معمولا در موبایل، باعث به هم ریختگی سایت می شوند.
table {
width: 100%;
min-width:600px;
}برای واکنش گرا (responsive) کردن جدول باید از ویژگی overflow-x:auto در تگ والد table استفاده کرد.
<div style="overflow-x: auto;">
<table>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
</table>
</div>توسعه دهندگان
احسان اسلامی
