打印时数据发布

时间:2018-11-06 13:08:03

标签: css printing

我的网站包含很多数据,例如页面上有150条记录,当我按ctrl + p组合键时,它将仅显示第一页,仅显示页面的可见部分,但我希望显示全部[150]条记录。

这是我到目前为止尝试过的:

    <style>


   @@media print
{   
    html, body {
  height:100%; 
  margin: 0 !important; 
  padding: 0 !important;
  overflow: auto;
 } 
    #header, #menuheader
    {
        display: none !important;
    }
    table { page-break-inside:auto }
    tr    { page-break-inside:avoid; page-break-after:auto }
    thead { display:table-header-group }
    tfoot { display:table-footer-group }
    #prctrow
        {
        text-align:center !important;
    }
}

</style>

此CSS从打印预览中删除滚动条,但数据仍未显示。

1 个答案:

答案 0 :(得分:0)

一些步骤可能会解决此问题,因为仅使用CSS很难看到完整的问题。

  1. 确保您的实际CSS在“ @media print {”中使用了一个“ @”符号。
  2. “ display:inline-block”可能需要设置为“ display:block;”
  3. 任何浮动的东西都可能需要清除并设置为不浮动
  4. 定位为绝对或固定的事物应设置为静态
  5. 在页面底部添加一些内容以测试所有内容是否为空白或仅是第二页上的表格