'table-layout' Example : table layout « CSS « HTML / CSS






  1. HTML / CSS
  2. CSS
  3. table layout

'table-layout' Example

 
    
<html>
<body>
<table style="table-layout:fixed" width="400">
   <col width="150">
   <col width="400">
   <col width="200">
   <thead height="20">
   <tr>
      <th>150px wide column</th>
      <th>400px wide column</th>
      <th>200px wide column</th>
   </tr>
   </thead>
   <tr height="20"> 
      <td>Cell 1 content</td>
      <td>Cell 2 content</td>
      <td>Cell 3 content</td>
   </tr>
</table>
</body>
</html>








Related examples in the same category

1.table-layout: auto
2.table-layout: fixed and width 100%
3.table-layout: fixed
4.table-layout: fixed and width setting
5.table-layout: default and width setting
6.Liquid Design in a Table
7.Single Column Design with Table
8.Mixed Column Layouts and Fixed Table
9.Mixed Column Layouts with sized table
10.Fixed Table with Flex Columns
11.Auto-layout Table with Flex Columns
12.stretched Table with Flex Columns
13.Mixed Column Layouts with shrinkwrapped table
14.Mixed Column Layouts and stretched table