css - CSS is not working for ngx-datatable print view

Question

I am trying show the ngx-datatable data on print view, But Table data CSS is not working properly.So How to resolve this issue.

app.component.css:

 @media print {
  :host ::ng-deep .datatable-body-cell {
    padding: 10px !important;
    border: 2px solid #000;
  }

  :host ::ng-deep .datatable-body-cell-label {
    background-color: #ccc;
  }

  :host ::ng-deep .datatable-header-cell {
    background-color: #ccc;
    border: 2px solid #000;
  }
  }

app.component.ts:

 printView() {
    var tblData = document.getElementById("tblData");
    var win = window.open("", "", "height=700,width=700");
    win.document.write(tblData.outerHTML);
    win.document.close();
    win.print();
  }

Demo: https://stackblitz.com/edit/angular-ngx-datatable-z1v7vy?file=app%2Fapp.component.scss

标签： cssangular