Как увеличить HTML-таблицу в альбомном режиме для PDF-файлов ⇐ CSS

[Anonymous]

Итак, я создаю несколько html-таблиц для PDF-файлов и пытаюсь убедиться, что по умолчанию используется альбомный режим. Поэтому я подумал, может быть, поставить его на 90 градусов или набок. Когда он будет напечатан, он по-прежнему будет печататься в формате А4, но в альбомной ориентации.
Я попробовал использовать преобразование: Rotate(-90deg) TranslateX(-100%); чтобы повернуть его на 90 градусов, но он выглядит неправильно, он обрезается, когда он находится в портретном формате, и он все еще остается в книжном формате, но он намного больше.

body, html {
margin: 0;
padding: 0;
overflow: hidden; /* Avoids any scrollbars from appearing */
width: 210mm; /* Set the width to the height of an A4 page */
height: 297mm; /* Set the height to the width of an A4 page */
}
@page {
size: A4 landscape;
margin: 0; /* Removes default margins set by the browser */
}
.specific-table-container {
position: relative; /* Relative positioning to facilitate rotation */
width: 100%;
height: 100%;
transform-origin: 0 0; /* Sets the rotation pivot to the top left corner */
transform: rotate(-90deg) translateX(-100%); /* Rotates the container -90 degrees */
transform-style: preserve-3d; /* Preserves 3D when transforming */
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
}
table {
width: 297mm; /* Switched dimensions to fill the rotated container */
height: 210mm;
border-collapse: collapse;
}
th, td {
border: 1px solid #666;
padding: 5px; /* Reduced padding to accommodate more content */
text-align: left;
font-size: 12px; /* Adjust font size based on readability */
vertical-align: middle;
}
th {
font-weight: bold;
}
tr:nth-child(odd) {
background-color: #f2f2f2;
}
tr:nth-child(even) {
background-color: #ffffff;
}
```


Подробнее здесь: https://stackoverflow.com/questions/786 ... r-for-pdfs