ویژگی table-layout در CSS

table-layout Property

ویژگی table-layout در CSS نحوه نمایش ساختار جدول را که شامل از سلولها، ردیف ها و ستون ها هستند را مشخص می کند.

نحوه نمایش

table-layout: auto;
table-layout: fixed;

مقادیر

auto​

بطور پیشفرض بیشتر مرورگرها از طرح بندی خودکار جداول استفاده می کنند. عرض جدول و سلولها متناسب با محتوای آن تنظیم میشود.

fixed​

عرض جدول و ستون توسط عناصر table و col مشخص می شود و یا توسط عرض اولین ردیف از سلولها. سلولهای زیر مجموعه ردیف، متاثر از عرض ستون ها نیستند.

در مثال زیر نحوه عملکرد این ویژگی را میبینیم:

css

body { text-align: center; }
table {
   border-collapse: collapse;
   border: 1px solid black;
   margin: 15px auto;
}
th,
td { border: 1px solid black; }
table.a {
   table-layout: auto;
   width: 300px;
}
table.b {
   table-layout: fixed;
   width: 180px;
}
table.c {
   table-layout: auto;
   width: 100%;
}
table.d {
   table-layout: fixed;
   width: 100%;
}

مشاهده و ویرایش کد در حالت تمام صفحه

پشتیبانی مرورگرها
تمام مرورگرها از این ویژگی در CSS پشتیبانی می کنند.