Adamos

Вздор. Если вам чем-то может повредить изменение кода на стороне пользователя - значит, бот, вообще не использующий браузер, будет вас вертеть на чем хочет.

При чем тут вообще HTML? В нем нет ничего насчет бумажного носителя, на который будет распечатан контент.
wkhtmltopdf -O landscape

Как раз старые Эпплы еще долго будут актуальны, они живучие.
Я буквально пару месяцев назад перестал ходить на игры со своим iPad2.
Нет, он по-прежнему жив и намного удобнее любых современных лопат-смартфонов.
Просто организатор игр обновил сайт, и больше он на этом АйПаде не работает.

Возможно, отказ от старых систем еще как-то связан с той проблемой, после которой на них LetsEncrypt'овские сертификаты не считаются действительными. Тоже - еще полгода не прошло. Собственно, если у вас сайт с таким сертификатом, можно их отсекать...

Достаньте палочку, начертите ей в воздухе скрещенные луны царя Соломона и прочтите заклинание: "Маргинус Редуциус!"
Если даже это не помогло - добавьте к вопросу тот HTML-код, в котором вы запутались.

$value = <<<CODE
<form method="post">
 <button type="submit" onclick="return confirmDelivery()">Доставить</button>
</form>
<script>
 function confirmDelivery()
  { return confirm('Вы уверены, что хотите сменить статус на "Доставлен"?'); }
</script>
CODE;

Есть хороший способ собрать в один компактный файл все стили с картинками и гарантированно избежать расползания верстки.
PDF называется.

Надо повесить на клик на желтой области скрипт сворачивания меню.
Внезапно!

Вы изобретаете велосипед, причем велосипед образца прошлого века.
Вам уже посоветовали фреймворки, но, боюсь, преждевременно.
Может быть, стоит для начала поизучать хотя бы CMS - тот же Wordpress, например...

я читал ajax, но очень мало

Теперь читайте и пробуйте больше. Пора.

Удобство зависит не от размера, а от использования.
Где-то пригодится динамическая сортировка по столбцам, где-то - скрытие ненужного, где-то - draggable на всю таблицу, где-то - навигация стрелками. А где-то надо вовсе избавиться от гигантской таблицы, сделав нормальные фильтры или заменив ее интерактивным графиком.
Но фантазировать об этом, не зная, что это за таблица и как с ней будут работать - пустое увеличение энтропии.

Щелкните правой кнопочкой по элементу - и браузер в выпавшем меню предложит посмотреть его код, а заодно - какие стили к нему реально применены и чем перекрыты.
Гораздо эффективнее, чем гадание на Тостере, тем более, что, скорее всего, здесь приведены далеко не все стили, реально присутствующие на сайте.

P.S. Здесь, впрочем, речь скорее о НЕ примененных стилях.
:nth-child(4) - это четвертый элемент внутри одного контейнера, а не четвертый из встретившихся на всей странице. Видимо, имелся в виду li.item:nth-child(4) ...

#myWidget * {
	 all: initial;
 }

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

Не в PDF точно. В PDF в принципе нет никаких межстрочных интервалов.
Смотрите, что у вас в HTML, из которого этот PDF делается.
Или, может быть, какие-то нюансы той библиотеки, которой вы это делаете.

Любой современный браузер просто открывает PDF как страницу.
Даете ссылку - и пользователь открывает, сохраняет, печатает - как ему угодно и удобно.