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

Popular posts from this blog

c++ - OpenCV Error: Assertion failed <scn == 3 ::scn == 4> in unknown function, -

php - render data via PDO::FETCH_FUNC vs loop -

The canvas has been tainted by cross-origin data in chrome only -