Css 打印表格数据
我有一个带有滚动条的表格,如果我打印表格,我会得到表格的一半。。我想打印整个表数据 以下是我的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
<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条。