- ✕This summary was generated using AI based on multiple online sources. To view the original source information, use the "Learn more" links.
The table-layout property in CSS defines the algorithm used to lay out table cells, rows, and columns. This property can significantly impact the rendering speed and appearance of tables in a web page.
Values of table-layout
auto: This is the default value. The browser uses an automatic table layout algorithm, where the column width is set by the widest unbreakable content in the cells. The content dictates the layout, which can lead to uneven column widths if the content varies significantly.
fixed: This value sets a fixed table layout algorithm. The table and column widths are determined by the widths of the table and <col> elements or by the width of the first row of cells. If no widths are specified, the column widths are divided equally across the table. This method is faster because the browser can render the table once the first row is downloaded and analyzed.
initial: Sets the property to its default value, which is auto.
inherit: Inherits the property from its parent element.
CSS table-layout property - W3Schools
Learn how to use the table-layout property to define the algorithm used to lay out table cells, rows, and columns. See the difference between auto and fixed values, and how they affect the rendering speed …
- Animatable: no. Read about animatable
- Inherited: no
- Default value: auto
- Version: CSS2
See results only from w3schools.comCSS Tables
Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, J…
table-layout - CSS | MDN
Dec 5, 2025 · The table-layout CSS property sets the algorithm used to lay out <table> cells, rows, and columns.
CSS table-layout Property - GeeksforGeeks
Jul 11, 2025 · The table-layout property in CSS is used to display the layout of the table. This property is basically used to sets the algorithm that is used to lay out …
CSS table-layout Property: CSS Table Layout Explained
Feb 17, 2025 · A comprehensive guide to the CSS table-layout property, covering fixed and auto table layouts, with practical examples and use cases.
CSS table-layout Property - CSS Portal
Jan 1, 2026 · Learn about the table-layout CSS Property. View description, syntax, values, examples and browser support for the table-layout CSS Property.
CSS - table-layout Property - Online Tutorials Library
The table-layout property allows browsers to speed up layout of a table by using the first width properties it comes across for the rest of a column rather than having to load the whole table before …
CSS Table-Layout Optimize Table Performance
Learn how to use the CSS table-layout property to optimize table performance. Discover available options like auto and fixed layouts for better control.
CSS Styling Tables - W3Schools
Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML and more.
table-layout - CSS-Tricks
Jan 4, 2017 · The table-layout property defines what algorithm the browser should use to lay out table rows, cells, and columns.
CSS table-layout - Quackit Tutorials
The CSS table-layout property allows you to control the algorithm used to lay out the table cells, rows, and columns. The main benefit of table-layout is that it allows you to fix the table layout so that the …
Skip to content
Accessibility Feedback
