css - 始终在底部显示 <tfoot> 页脚

标签 css html

我有以下用于呈现PDF 文件的html,我需要呈现<tfoot>部分始终位于每个页面的底部,即使页面内容很小。

<div class="pdf-position-top pdf-content-center">
  <table>
    <thead>
      <tr>
        <th>
          <div class="print-banner">
            <span class="banner-text-repeat">Some Text</span>
          </div>
        </th>
      </tr>
    </thead>
    @RenderSection("TableBody", required: true)
    <tr>
      <td>
        <div class="pdf-content-center">@RenderBody()</div>
      </td>
    </tr>
    <tfoot>
      <tr>
        <td>
        <!--START print-banner top-->
          <div class="print-banner">
            <span class="banner-text-repeat">Some Text</span>
          </div>
        </td>
      </tr>
    </tfoot>
  </table>
</div>

最佳答案

From documentation of header/footer

EO.Pdf.HtmlToPdf.Options.HeaderHtmlFormat = '<div class="print-banner">
        <span class="banner-text-repeat">Some Text</span>
    </div>'

关于css - 始终在底部显示 <tfoot> 页脚,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41953162/

相关文章:

javascript - Grunt 在 Grunt + Sass 设置中创建 .tmp 文件夹

css - 即使没有空间,我怎样才能防止我的 li 出现在我的菜单下方?

html - 将 li 放在特定高度后的下一列

html - 删除容器内创建的空间

javascript - jQuery 悬停淡出 p 标签并淡入另一个标签

html - Css 布局 Bootstrap 覆盖

javascript - Vuejs 添加条件样式格式

html - 如何使用 angularJS 显示混合的 html 和 css

jquery - qTip2 自定义 css 问题

html - 在 CSS 中放置什么作为选择器?使用 Meteor 进行账户输入