我有一些@media打印用于打印我的页面内容,但是当我尝试对页面表格进行剪切时,我对boostrap类 .responsive-table 有问题吗?
我在bootstrap中打印响应表有一些解决方案 这是我现在的css
@media print {
#top-navigation{
display:none !important;
}
footer{
display:none !important;
}
.main-footer-sub{
display:none !important;
}
a[href]:after {
content: none !important;
}
.hotel-detail-sidebar{
display: none !important;
}
#menu-navigation{
display:none !important;
}
#carousel{
display:none !important;
}
#preporuka-agencije{
display:none !important;
}
#preporuka-agencije{
display:none !important;
}
#offers-sugessted{
display:none !important;
}
#share-buttons{
display:none !important;
}
.tab-content > .tab-pane {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
.responsive-tabs{
display:none !important;}
.sattravel-kontakt{
display:none !important;}
.table-responsive{
overflow:visible !important;
}
*,
*:before,enter code here
*:after {
color: #000 !important;
text-shadow: none !important;
background: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
select {
background: #fff !important;
}
.navbar {
display: none;
}
.btn > .caret,
.dropup > .btn > .caret {
border-top-color: #000 !important;
}
.label {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table td,
.table th {
background-color: #fff !important;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important;
}
.container {
width:100% !important;
}
}