У меня есть таблица в Reactjs, которую я хочу напечатать, как это с примененным стилем начальной загрузки.
Это мой стол: введите описание изображения здесь

Я написал эту функцию JS при нажатии кнопки печати:

var divContents = document.getElementById("blah").innerHTML; var a = window.open('', '', 'height=500, width=500'); a.document.write('{amp}lt;html{amp}gt;{amp}lt;head{amp}gt;{amp}lt;meta charset="utf-8"{amp}gt;{amp}lt;meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"{amp}gt;{amp}lt;meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"{amp}gt;{amp}lt;link media="all" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA 058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"{amp}gt;{amp}lt;title{amp}gt;{amp}lt;/title{amp}gt;{amp}lt;/head{amp}gt;'); a.document.write('{amp}lt;body{amp}gt;'); a.document.write(divContents); a.document.write('{amp}lt;/body{amp}gt;{amp}lt;/html{amp}gt;'); a.document.close(); a.print(); 

где blah — это идентификатор div, содержащего таблицу html. Но это показывает мой PDF как:

введите описание изображения здесь

Как я могу распечатать загрузочный HTML вместе со стилем?
Спасибо за ваше время :)

Попробуйте этот код:

 var divContents = document.getElementById("printTable").innerHTML; var a = window.open(); a.document.write('{amp}lt;html{amp}gt;{amp}lt;head{amp}gt;{amp}lt;meta charset="utf-8"{amp}gt;{amp}lt;link media="all" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" {amp}gt;{amp}lt;/head{amp}gt;'); a.document.write('{amp}lt;body{amp}gt;'); a.document.write(divContents); a.document.write('{amp}lt;/body{amp}gt;{amp}lt;/html{amp}gt;'); a.document.close(); setTimeout(function(){ a.focus(); a.print(); a.close(); },1000); // wait for images to load inside iframe //a.print(); 
Бабак Ягхуби

новый участник этого сайта. Будьте внимательны, спрашивая разъяснения, комментируя и отвечая. Проверьте наш

Правила поведения

,