table-layout:الگوریتم نمایش جدول را تعیین می کند . به طور کلی ۲ الگوریتم برای طراحی جدول داریم :
– الگوریتم نمایش اتوماتیک auto :
- در الگوریتم اتوماتیک ، عرض ستون های جدول بر حسب محتویات درونی آنها تنظیم می شود .
- الگوریتم اتوماتیک به دلیل اینکه ابتدا نیاز دارد تا کلیه محتویات جدول ها را لود کند ، بنابراین در نمایش جدول ها کمی کند عمل می کند .
– الگوریتم نمایش ثابت fixed :
- در الگوریتم ثابت ، عرض و ارتفاع جدول و خانه های آن بر حسب مقادیر تعیین شده توسط کاربر تنظیم می شود و به محتویات درونی آن کاری ندارد .
- در الگوریتم ثابت ، مرورگر با سرعت بیشتری جدول را نمایش می دهد ، زیرا نیازی به لود شدن محتویات درونی آن ندارد .
مثال : در مثال زیر چند حالت های مختلف الگوریتم های نمایش جداول را بررسی کرده ایم . در جدول اول از الگوریتم اتوماتیک auto و در جدول دوم از الگوریتم ثابت fixed استفاده کرده ایم .
| < table style=”border: solid 2px blue” > < tr > < td style=”border: solid 2px blue ; table-layout :auto ” > Cell 1 , Table 1 , Auto Algoritm < /td > < td style=”border: solid 2px blue” > Cell 2 , Table 1 , Auto Algoritm < /td > < /tr > < /table > < table style=”border: solid 2px blue; table-layout :fixed ; width: 500px; height: 80px” > |
