intento mandar a imprimir un "div" en el que aparece un "comprobante de un pedido, no consigo mantener los estilos CSS cuando me abre la ventana de imprimir.
Esta es mi función:
function printDiv(divVer) {
var printContents = document.getElementById(divVer).innerHTML;
var document_html = window.open("_blank");
document_html.document.write( "<html><head><title>Imprimir Pedido</title>" );
document_html.document.write( "<link rel=\"stylesheet\" type=\"text/css\" href=\"css/styles.css\" media=\"all\">" );
document_html.document.write( "</head><body>" );
document_html.document.write( printContents );
document_html.document.write( "</body></html>" );
setTimeout(function () {
document_html.print();
}, 500)
}
$(document).on('click','#imprimirPedido' ,function() {
printDiv('divVer')
});
Y este el DIV a imprimir:
<div id="divVer" class="columna"> <h4 class="titulo">Detalles del Pedido</h4> </div>
Se encuentra vacío, ya que se rellena desde ajax, pero el caso que pierde el css:
- ¿Como podría arreglar esto? Gracias y saludos.