打印表数据

时间:2012-10-04 05:30:13

标签: 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;
     overflow-x: hidden !important;
     overflow-y: auto !important; 
     position: relative;
     background-color: #fff;
     width: 100%;
}

1 个答案:

答案 0 :(得分:0)

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

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

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

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

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