Print portion of window with styles

[CrawfordW]

I'm building an app with drawers, tabs and splitters. I need a way to print just the contents of one tab as a document with all the styles and formatting that go with it.
Only solutions I've found require extracting the inner-html of a div, but then all the styles are lost. I need to include the Quasar styles as well as my own so the printed document will look like the tab content on the screen.
Any suggestion will be appreciated.

[ontwikkelfabriek]

@CrawfordW
You could take a look a this:
https://github.com/mycurelabs/vue-html-to-paper

Also Quasar has some print classes you might have not seen:
https://quasar.dev/style/visibility#printing-related

[metalsadman]

Remove the style tag from your css string.

[CrawfordW]

Doesn't work without the style tags.

[metalsadman]

I never had to add the style tag, i just pass it like this d.print(document.getElementById('cashCountPrint'), [cssStyle])

Where css style

cssStyle: `
        @page {
          margin-left: 0.5in;
          margin-right: 0.5in;
          margin-top: 0.5;
          margin-bottom: 0.5;
        }
        .cc-tb {
          width: 50%;
        }
        .cc-tb table,
        .cc-tb th,
        .cc-tb td {
          border: 1px solid black;
        }

        .cc-tb table,
        .cc-tb td {
          text-align: center;
        }
        .cc-tb table {
          width: 75% !important;
        }

        .cc-tb caption {
          text-align: left;
        }

        #to-print {
          font-family: Sans-serif;
          margin-top: 0.5in;
          margin-bottom: 0.5in;
        }

        #to-print table {
          border-collapse: collapse;
        }

        .inv-tb {
          border-collapse: collapse;
          margin: 0 auto;
          width: 100%;
        }

        .inv-tb caption {
          text-align: left;
        }

        .inv-tb td {
          padding-right: 0.5rem;
          padding-left: 0.5rem;
          text-align: center;
          border: 1px solid black;
        }

        .inv-tb .total-amt {
          text-align: right;
        }

        .inv-tb th {
          padding-right: 0.5rem;
          padding-left: 0.5rem;
          border: 1px solid black;
        }

        .inv-tb td:nth-child(6) {
          text-align: right;
          border: 1px solid black;
        }

        .inv-tb td:last-child {
          text-align: right;
          border: 1px solid black;
        }

        .clickable-col {
          cursor: pointer;
          text-decoration: underline;
        }

        .signatories,
        table {
          width: 100%;
        }
        .variance-tbaf {
          width: 100%;
          font-weight: bold;
        }
      `

[metalsadman]

Nvm, i see that you are using window, above is using printd.

[CrawfordW]

I tried printd but couldn't get it to work for some reason.