ویژگی table-layout CSS

تعریف و استفاده

ویژگی tableLayout برای نمایش قوانین الگوریتم نمایش سلول‌های جدول، ردیف‌ها و ستون‌ها استفاده می‌شود.

چیدمان جدول ثابت:

در مقایسه با چیدمان خودکار جدول، چیدمان جدول ثابت به مرورگر اجازه می‌دهد تا جدول را سریع‌تر چیدمان کند.

در چیدمان جدول ثابت، چیدمان افقی تنها بستگی به پهناي جدول، پهناي ستون، پهناي حاشیه جدول و فضای بین سلول‌ها دارد و با محتوای سلول‌ها هیچ ربطی ندارد.

با استفاده از چیدمان جدول ثابت، کاربرندها می‌توانند پس از دریافت اولین ردیف جدول را نمایش دهند.

چیدمان خودکار جدول:

در چیدمان خودکار جدول، پهناي ستون‌ها توسط محتوای بیشترین پهناي سلول‌های بدون خط شکست تعیین می‌شود.

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

توضیحات

این ویژگی الگوریتم استفاده شده برای چیدمان جدول را مشخص می‌کند. الگوریتم چیدمان ثابت سریع‌تر است اما کمتر انعطاف‌پذیر و الگوریتم خودکار کندتر است اما بیشتر از جدول‌های سنتی HTML منعکس می‌کند.

لطفاً به:

آموزش CSS:جداول CSS

دستورالعمل HTML DOM:ویژگی tableLayout

مثال

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

table
  {
  table-layout:fixed;
  }

آزمایش کنید

قوانین CSS

table-layout: auto|fixed|initial|inherit;

مقدار ویژگی

مقدار توضیحات
automatic پیش‌فرض. پهنا از محتوای سلول تعیین می‌شود.
fixed پهنا از پهناي جدول و پهناي ستون تعیین می‌شود.
inherit این باید مقدار table-layout را از عنصر والد ارث ببرد.

جزئیات فنی

مقدار پیش‌فرض: 자동
ارث‌پذیری: بله
نسخه: CSS2
قوانین جاوااسکریپت: ویدئو.style.tableLayout="fixed"

مثال‌های بیشتر

تنظیم چیدمان جدول
این مثال نحوه تنظیم چیدمان جدول را نشان می‌دهد.

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

اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهایی است که این ویژگی را کاملاً پشتیبانی می‌کنند.

Chrome IE / Edge Firefox Safari Opera
14.0 5.0 1.0 1.0 7.0