Таблица, которая не сжимается при изменении размера

Question

Может кто-нибудь подскажите, пожалуйста, как создать таблицу, которая не сжимается при изменении размера окна. Я попытался создать таблицу с фиксированной шириной, но это вызывает проблемы в предварительном просмотре. Я также пробовал пробел: nowrap, который также не помог. Может кто-нибудь помочь мне исправить это?

Answer 1

Обычно для печати можно использовать другую таблицу стилей, потому что формат полностью другой. Это должно решить ваши проблемы.

Примерно так:

<link rel="stylesheet" type="text/css" media="all" href="all.css" />
<link rel="stylesheet" type="text/css" media="print" href="print.css" />

Answer 2

Проблема в том, что вы указали относительную ширину без определения минимального размера, поэтому чем меньше окно, тем меньше размер таблицы. Чтобы предотвратить полный коллапс, вы можете использовать следующее:

<style type="text/css" media="screen">
table
{width: 60%;
min-width: 30em; /* Or whatever you'd like to use */
}
</style>

<style type="text/css" media="print">
table
{width: auto; /* Which should fit the table to the width of the page */
}
</style>

Это не идеально, но вы можете компенсировать и использовать сантиметры, дюймы или точки, чтобы не допустить съедания самой правой стороны элемента width:100% на полях. Понятно, что тогда для печати вам потребуются определенные размеры страниц (A4 или любой другой).