css - 打印表格数据

Question

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

以下是我的 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%;
}

Answer 1

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

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

...解决方案只是将其限制为屏幕媒体，例如

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

更结构化的方法是将样式表分为三个部分：应该适用于任何媒体的规则；仅适用于屏幕的规则；和仅适用于印刷品的规则。然后你会使用三个link元素，每个元素都有不同的media属性。