para agregar Banner y footer al imprimir hacemos lo siguiente:


Caracteristicas de @media print 

@media print {

            .page-break {

                display: block;

                margin: 2cm;

                page-break-before: always;

            }


            .banner, .footer {

                position: fixed;

            }


            .banner {

                top: 0;

            }


            .footer {

                bottom: 0;

            }


            .non-printable {

                display: none;

            }


            .showNumber {

                display: blocked;

            }


            .content-table {

                margin-top: 100px;

            }

        }



en el uso del visual studio iría de la siguiente manera:

Banner

Footer


<div class="banner">

                    <img src="https://cloudstorage.smart-home.com.co/ConstructoraYComercializadoraCasaModularSas/SedeCali/Bannermodular.Jpg" style="width: 800px" />

                </div>


<div class="footer">

                <img src="https://cloudstorage.smart-home.com.co/ConstructoraYComercializadoraCasaModularSas/SedeCali/Footer.Jpg" style="width: 800px" />

            </div>


como va dentro de unas caracteristicas especificas, cada tabla debe llevar un class="content-table" cuando quede cerca a un banner (ya que como el position del banner es fixed) queda sobre montada la información, para eso usamos el class="content-table"