Tengo una tabla en Reactjs que quiero imprimir tal como está con el estilo bootstrap aplicado.
Esta es mi mesa: ingrese la descripción de la imagen aquí

Escribí esta función js al hacer clic en el botón Imprimir:

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(); 

donde blah es id del div que contiene la tabla html. Pero esto muestra mi pdf como:

ingrese la descripción de la imagen aquí

¿Cómo puedo imprimir el html bootstrap junto con el estilo?
Gracias por tu tiempo :)

Prueba este código:

 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(); 
Babak Yaghoobi

es un nuevo contribuyente a este sitio. Tenga cuidado al pedir aclaraciones, comentarios y respuestas. Mira nuestro

Código de Conducta

.