table-layout
Controls the algorithm used to lay out table cells, rows, and columns. 'Fixed' allows for faster rendering and consistent column widths based on the table's width.
Quick example
.data-grid {
table-layout: fixed;
width: 100%;
/* ensures columns stay consistent regardless of content amount */
}Quick facts
Initial value
autoInherited
No
Applies to
table elements
Animation type
discrete
Values
autofixed table-layout Browser Support
Widely available Since 2015 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
Safe to use without fallbacks.
14+
1+
1+
12+