خصوصیت table-layout

مثال (خصوصیت table-layout)

تنظیم نحوه چیدمان ظاهری جدول:

table
{
table-layout:fixed;
}

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

با استفاده از خصوصیت table-layout می توان الگوریتم چیدمان ظاهری جدول را تنظیم کرد.

مقدار پیشفرض	auto
ارث بری	خیر
نسخه	CSS2
JavaScript ساختار	object.style.tableLayout="fixed"

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

تمام مرورگرهای اصلی، خصوصیت table-layout را پشتیبانی می کنند.

توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.

مقدارهای خصوصیت

مقدار	توضیحات	نمایش دادن
auto	الگوریتم چیدمان جدول به صورت اتوماتیک(این مقدار پیش فرض است): عرض ستون معادل عریض ترین سلول است. این چیدمان می تواند کند باشد، زیرا قبل از تشخیص چیدمان نهایی بایستی محتوای همه سلول ها خوانده شوند (تا عریض ترین سلول به دست آید).	نمایش دادن »
fixed	الگوریتم چیدمان جدول به صورت ثابت: چیدمان افقی جدول فقط به عرض جدول و عرض ستون ها وابسته است، و ارتباطی با محتوای سلول ها ندارد. مرورگر با این چیدمان جدول را سریعتر از چیدمان اتوماتیک ترکیب بندی می کند. مرورگر به محض دریافت اولین ردیف شروع به نمایش جدول می کند.	نمایش دادن »
inherit	تعیین می کند که باید از والدش، ارث بری داشته باشد.

مقدار

توضیحات

نمایش دادن

auto

الگوریتم چیدمان جدول به صورت اتوماتیک(این مقدار پیش فرض است):

عرض ستون معادل عریض ترین سلول است.
این چیدمان می تواند کند باشد، زیرا قبل از تشخیص چیدمان نهایی بایستی محتوای همه سلول ها خوانده شوند (تا عریض ترین سلول به دست آید).

نمایش دادن »

fixed

الگوریتم چیدمان جدول به صورت ثابت:

چیدمان افقی جدول فقط به عرض جدول و عرض ستون ها وابسته است، و ارتباطی با محتوای سلول ها ندارد.
مرورگر با این چیدمان جدول را سریعتر از چیدمان اتوماتیک ترکیب بندی می کند.
مرورگر به محض دریافت اولین ردیف شروع به نمایش جدول می کند.

نمایش دادن »

inherit

تعیین می کند که باید از والدش، ارث بری داشته باشد.