html - How to fit table rows that are too big for page display? -
i have table:
table.tablesorter { border: 1px solid #d9d9d9; } table.tablesorter thead tr th, table.tablesorter tfoot tr th { background-color: #04659d; border-bottom: 1px solid #0f5e76; border-left: 1px solid #0f5e76; font-weight: bold; text-align:left; padding: 5px 19px 5px 9px; color: #fff; }
some of text in table big , being cut page, have try using word-wrap:break-word;
, setting width nothing working text still overflows?
any tips on how can fix this?
give table
element fixed table-layout
:
table.tablesorter { ... table-layout: fixed; }
from css2.1 specification (linked above):
17.5.2.1 fixed table layout
with (fast) algorithm, the horizontal layout of table not depend on contents of cells; depends on table's width, width of columns, , borders or cell spacing.
Comments
Post a Comment