OL Learn

How do I keep the width of the columns static in my detail table?


I realize that an HTML table should be responsive in some contexts but in the print context very often we need the size of the columns to be static. How do I change my detail table so that the width of my columns will remain the same?

set “table-layout: fixed” in table’s css and set widths of columns in the first row

The layout property can also be added to inline styling or the table CSS file.
Inline example:
table id=“table” style=“width :100%; table-layout: fixed;”

Then as stated the width can be set in the header row.
th style=“width: 10%;”