Как распечатать таблицу?

Question

[Анатолий]

Хочу распечатать страницу, как это сделать?
После печати, окно нужно закрыть автоматически.

Answer 1

[Михаил]

setTimeout(() => {
    win.close();
  }, 100)

но

In most browsers, this method will block while the print dialog is open. However in more recent versions of Safari, it may return immediately

или вот https://developer.mozilla.org/en-US/docs/Web/API/W...

Comments

[Анатолий]

Так а распечатать-то как?

[Михаил]

Анатолий, https://stackoverflow.com/a/2255438/12497940 ?

[Анатолий]

Михаил, вот Ваш пример:
https://codepen.io/workcode/pen/qBbYYeE

он у меня почему-то не работает:
1) не отображается таблица
2) закрывается до печати

[Rsa97]

Анатолий, Повесьте закрытие окна на событие onafterprint

[Михаил]

Анатолий, нельзя засунуть таблицу в p

https://codepen.io/notiv/pen/mdVLKJm

[Михаил]

Анатолий, или саму таблицу отдельным файлом сделать

[Анатолий]

Михаил, можно поподробнее, что значит отдельным файлом?
https://codepen.io/workcode/pen/qBbYYeE
нажимаю "Отмена", окно не закрывается

[Михаил]

Анатолий, window.open(url
url это как бы url

[Анатолий]

Михаил, понял, нет это не вариант, таблица "не фиксированная" данные изменяются, нужно будет передавать их например через GET, писанины больше.

И еще по поводу "Отмены", Вы не ответили.

[Михаил]

Анатолий,

win.print();
win.close();

[Анатолий]

Михаил, Вы не поняли, к примеру событие afterprint происходит после печати, а если была отмена?

[Михаил]

Анатолий,

win.print();
win.close();

[Анатолий]

Вроде работает!
https://codepen.io/workcode/pen/qBbYYeE

Answer 2

[Rsa97]

window.print()

Comments

[Анатолий]

window.print печатает всю страницу, а мне нужно только таблицу.

[Пашенька]

Анатолий, есть @media правила для принтеров, оставьте там видимым только то, что должно печататься.

[Анатолий]

Пашенька, я понимаю, просто хотел сократить, вывести только id элемент.

[Пашенька]

Анатолий, ну вот и скрываете для печати всё, кроме этого id.

[Анатолий]

Пашенька, Вы правы, что так можно сделать. Вопрос в том, что если DOM сложный, то проще вынести его отдельно и с ним работать.
Вот пример, возможно он не корректный, но я думаю суть понятна, что нужно точечно скрывать не нужное, а это не всегда удобно:
https://codepen.io/workcode/pen/WNrJymW