Javascript 打印媒体视图中表格的定位

创建的“打印媒体”视图中的表不是预期的首选格式

查看页面应如何打印时。表格显示在第二页而不是第一页。我想这是分页符的问题。我在网上尝试了许多解决方案，但似乎都不管用

这是我的媒体打印代码：

@media print {
   table td:last-child {display:none}
   table th:last-child {display:none}
   table td:last-child {display:none}
   table th:6th-child {display:none}
}

到目前为止，我还不知道解决办法

下面是一些图片，让事情变得更清楚一些

此表似乎位于第二页：

应在此处显示的第一页中打印：

我需要一个解决方案来将表从第二页移动到第一页

此处添加了表格的html代码：

          <table data-toggle="table" id="table-style" data-row-style="rowStyle">
                                            <thead>
                                                <tr>
                                                    <th data-field="date"  data-sortable="true">Date</th>
                                                    <th data-field="id" data-sortable="true">Order No.</th>
                                                    <th data-field="agent"  data-sortable="true">Agent</th>
                                                    <th data-field="name"  data-sortable="true">Customer</th>
                                                    <th data-field="status"  data-sortable="true">Status</th>
                                                    <th id = "view">View</th>
                                                    <th id = "send">Send</th>
                                                    <th id = "send">Cancel</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($newOrdersQ as $order)
                                                    <tr>
                                                        <td><?= $order->date;?></td>
                                                        <td><?= $order->orderID;?></td>
                                                        <td><?= $order->agent;?></td>
                                                        <td><?= $order->customerCompany;?></td>
                                                        <td><?= $order->status;?></td>
                                                        <td>
                                                            <form id='viewButton' action='/specificView'>
                                                                <input class="btn btn-default" type="hidden" id='viewData' name="viewData" value='<?= $order->orderID;?>'>
                                                                <input class="btn btn-default" id='viewBtn' name="submit" type="submit" value="View">
                                                            </form>
                                                        </td>
                                                        <td>
                                                            <form id='toTBDid<?= $order->orderID;?>'>
                                                                <input type="hidden" id='sendData' name="sendData" value='<?= $order->orderID;?>'>
                                                                <input class="btn btn-default" id='viewBtn' name="submit_" type="button" value="Send" onclick='toTBDS(<?= $order->orderID;?>)'>
                                                            </form>
                                                        </td>
                                                        <td>
                                                            <form id='cancelOrderNO<?= $order->orderID;?>'>
                                                                <input type="hidden" id='sendData' name="sendData" value='<?= $order->orderID;?>'>
                                                                <input class="btn btn-default" id='viewBtn' name="submit_" type="button" value="Cancel" onclick='toTBDC(<?= $order->orderID;?>)'>
                                                            </form>
                                                         </td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>

日期
订单号。
代理人
顾客
地位
看法
发送
取消
@foreach（$newOrdersQ作为$order）
你有这一页的片段吗？可能桌子太大了，放不下那个盒子。有没有一个解决方案可以让我调整桌子的大小@雷切尔S@PocholoDelenelaMendoza你可以分享你的html，css代码片段吗。我已经添加了整个表的html代码。我们还有办法解决这个问题吗@你有这页的片段吗？可能桌子太大了，放不下那个盒子。有没有一个解决方案可以让我调整桌子的大小@雷切尔S@PocholoDelenelaMendoza你可以分享你的html，css代码片段吗。我已经添加了整个表的html代码。我们还有办法解决这个问题吗@因纽卡