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