B.106. table-layout

This property lets you accelerate table rendering by allowing it to take a shortcut in calculating the column sizes. When table-layout is set to fixed, the browser considers only the cells in the first row to determine the cell widths (and overall table width) for the table. This allows the table to be rendered one row at a time, instead of having to wait for the full table to load before any of it is displayed.

Be aware that wider content in subsequent table rows will be clipped to the column widths set by the first row when the fixed table layout mode is used.

Inherited: No

See also: Section B.67max-height, Section B.67min-height

B.106.1. Value

auto or fixed

Initial value: auto

B.106.2. Compatibility

CSS Version: 2

This property is supported by Internet Explorer for Windows version 5 or later and Opera 7.

B.106.3. Example

This style rule sets tables of class thumbnails to the quicker, fixed layout mode:

table.thumbnails {
  table-layout: fixed;
}