force table to fit to page css
table {
table-layout:fixed;
}
td {
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
}
/*For mobile phones I leave the table width but assign an additional CSS
class to the table to enable horizontal scrolling (table will not go over
the mobile screen anymore):*/
@media only screen and (max-width: 480px) {
/* horizontal scrollbar for tables if mobile screen */
.tablemobile {
overflow-x: auto;
display: block;
}
}