如何为我的tbody设置高度，因为我在每个打印页面上都有一个页脚和标题

Question

我正在使用@media css在html上打印页面...

我有来自数据库的页脚和标题，以及我的内容。 我不知道有多少内容。要输出我的内容，我正在使用Laravel的@yield，而我的内容超出固定的页脚

这是HTML：

<table class="table">
    <thead>
        <tr>
            <th colspan="2">{!! (!empty($headerFooter->header)) ? $headerFooter->header : '' !!}</th>
        </tr>
    </thead>

    <tbody>
        <tr>
            <td><i class="icon-bar-chart theme-font hide"></i>
                 <span class="caption-subject bold uppercase">{{ $title }}</span>
            </td>
            <td align="right">
                <span class="caption-subject bold uppercase">{{ $printDate }}</span>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                @yield('content')
            </td>
        </tr>
    </tbody>

    <tfoot>
        <tr>
            <br>

            <td>
                {!! (!empty($headerFooter->footer)) ? $headerFooter->footer : '' !!}
            </td>
        </tr>
    </tfoot>
</table>

这就是CSS：

table {
    width: 100%;
    page-break-inside: auto;
}

table th {
    border: none !important;
}

@media print {
    thead {
        display: table-header-group;
    }

    tfoot {
        height: 100px;
        display: table-footer-group;
        position: fixed; bottom: 0;
    }
}

table td.content, .content .row {
    width: 100% !important;
}

@page
{
size: auto;

margin: 0mm 0mm 0mm 0mm;
}