window.print只打印一张的问题

打印带滚动条的table时，出现了只显示一张的情况

<div class="container query-table" id="query-table">
    <div class="table-responsive tableResponsive" id="queryTable" style="overflow: scroll;height: 100%;">
        <!--startprint-->
        <table class="table text-center" id="printTable" style="border-left: none;">
            <thead class="tableHeader"></thead>
            <tbody class="tableBody"></tbody >
        </table >
        <!--endprint-->
    </div>
</div>

解决办法：

/*dom显示高度的设置*/

html , body {

height : 100%;

}

#query-table {

height : 100%;

}

#queryTable {

height : 100%;

}

/* 打印高度的设置 */

@media print {

html , body {

height : inherit ;

}

#query-table {

height : inherit ;

}

#queryTable {

height : inherit !important ;

}

}