Css 打印表格数据

Css 打印表格数据,css,printing,css-tables,Css,Printing,Css Tables,我有一个带有滚动条的表格,如果我打印表格,我会得到表格的一半。。我想打印整个表数据 以下是我的CSS: <link rel='stylesheet' media="all" type='text/css' href='<?=$this->baseUrl('/scripts/jquery/plugins/weekcalendar/demo.css')?>' /> .wc-scrollable-grid { overflow: auto; ov

我有一个带有滚动条的表格,如果我打印表格,我会得到表格的一半。。我想打印整个表数据

以下是我的CSS:

<link rel='stylesheet' media="all" type='text/css' href='<?=$this->baseUrl('/scripts/jquery/plugins/weekcalendar/demo.css')?>' />  

.wc-scrollable-grid {
     overflow: auto;
     overflow-x: hidden !important;
     overflow-y: auto !important; 
     position: relative;
     background-color: #fff;
     width: 100%;
}

这里的关键是如何限制表格或其容器的高度。这部分代码没有在问题中公开,但假设一个简单的声明,如

  .wc-scrollable-grid {
    height: 250px;
  }
…解决方案只是将其限制在屏幕媒体上,例如

  @media screen {
    .wc-scrollable-grid {
       height: 250px;
    }
  }

更结构化的方法是将样式表分为三部分:适用于任何媒体的规则;仅适用于屏幕的规则;以及仅适用于印刷品的规则。然后您将使用三个
link
元素,每个元素具有不同的
media
属性。

如果您的表获得了所有记录,请检入开发人员工具。提供更多的上下文。是的,有所有的记录。我正试图上传图像,但我需要在stackoverflow中至少10分。但让我解释清楚。。我有一个带滚动条的表格。我总共有30条记录,但当我打印时,我只得到1到10条。