Hello!
So still about #2, I got the footer to stay in the top of the printed page(as img below) by inserting
$('#prt-container .ui-jqgrid-sdiv').after($('#prt-container .ui-jqgrid-bdiv'));
Right before removing the navigation divs in the function PrintGrid.

But I still cant manage to put the footer at the end of the last line of the grid in the printing page.
Everything I tried, the footer overlays the other rows in the 1st page of the printing page as I showed before. 