Yii2用颜色打印出GridView

时间:2019-02-26 10:05:48

标签: html css gridview printing yii2

我想打印我的gridview,但是无法使其看起来像在屏幕上,因此没有颜色。我尝试过使用样式background-color和类,但似乎没有任何效果。这是一台单色激光打印机,我已经确保它使用的颜色(将是灰度级)和背景颜色也在chrome打印视图中选择进行打印。我也无法在网络上找到任何相关信息。您能指出我正确的方向吗?谢谢!

我在bootstrap.css中发现了@media print

@media print {
    *,
    *:before,
    *: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;
    }
    .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;
    }
}

我尝试将.table th {注释掉,删除了缓存,但是仍然没有背景色。您能告诉我将快速的默认行和单元格背景色(类)添加到打印中的方法是什么?如果我只需要临时调整一些内容并在打印后将其改回也可以。

0 个答案:

没有答案