jquery web to print headers and footers canceled

Using the Print plug-in instructions:

/*
* printThis v1.15.1
* @desc Printing plug-in for jQuery
* @author Jason Day
*
*/

print.css file contents

@page
{
size: Auto; / * Auto Initial value * The IS /
margin: 0mm 0mm 10mm 10mm; / * Affects. The margin in the this Printer Settings The most important thing in this * /
}

body
{
background-color:#FFFFFF;
margin: 0mm; /* this affects the margin on the content before sending to printer */
padding: 5mm 0 5mm 0 ;
}

 Modify the print plug-in source code

Line 190, read: $ head.append ( "<link type = 'text / css' rel = 'stylesheet' href = '" + opt.loadCSS + "' media = 'print'>");

 

Page calling program 

<!-- jQuery -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<!-- printThis -->

<script type="text/javascript" src="printThis.js"></script>

<link rel="stylesheet" type="text/css" href="./css/print.css" media="print" />

<!-- demo -->
<script>
$('#basic').on("click", function () {
$('.demo').printThis({
loadCSS: "css/print.css"
});
});

$('#advanced').on("click", function () {
$('#impAndContent').printThis({

importCSS: true, // import parent page css
importStyle: false, // import style tags
printContainer: true, // grab outer container as well as the contents of the selector
loadCSS: "css/print.css", // path to additional css file - use an array [] for multiple
header: "<h1>Look at all of my kitties!</h1>"

});
});
</script>

Achieve results shown in Figure:

 

;