title: Vue JS: vue html to paper css not working
body: <p>in below code, i used the <code>npm vue html to print</code> library but my print css is not working for some reason i couldn't figure it it'sonly printing without any css i added style code below from library documentation. also, i tried to install bootstrap 4.0.0 but it's still the same no rows or columns alignment even table is not showing, any help please?
  thanks in advance</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import VueHtmlToPaper from 'vue-html-to-paper';
  Vue.use(VueHtmlToPaper, options);
  
  const options = {
    name: '_blank',
    specs: [
      'fullscreen=yes',
      'titlebar=yes',
      'scrollbars=yes'
    ],
    styles: [
      'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css',
      'https://unpkg.com/kidlat-css/css/kidlat.css'
  
    ]
  }
  export default {
    name: 'light-table',
    components: {
  
    },
    data() {
      return {
        globalOptions: {
          name: '_blank',
          specs: [
            'fullscreen=no',
  
            'scrollbars=yes'
          ],
          styles: [
            'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css',
            'https://unpkg.com/kidlat-css/css/kidlat.css',
            'https://fonts.googleapis.com/css2?family=Almarai&amp;display=swap'
          ],
          timeout: 1000,
          autoClose: true,
          // whatever's the window title of the opener
        },
      }
    }
    methods: {
  
      print() {
  
        this.$htmlToPaper('printMe', this.globalOptions);
      },
  
  
      showModal(buildingId) {
        this.$root.$emit("bv::show::modal", "modal-1", "#btnShow");
        this.buildingId = buildingId;
      },
  
      hideModal() {
        this.$refs["my-modal"].hide();
      },
  
    },
  
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="printMe" class="row" style="padding: 15px;  font-family: 'Cairo', sans-serif !important; "&gt;
    &lt;div&gt;
      &lt;div&gt;
        &lt;b-row class="bodyPrint" style="box-shadow: #4b4746 0px 0px 0px 1000px inset !important"&gt;
          &lt;b-col&gt; &lt;img src="./assets/darkLogo.jpeg" alt="Company logo" style="max-height: 160px;" /&gt;&lt;/b-col&gt;
  
          &lt;h4 style="color:white;"&gt; شركة فانتاج العقارية &lt;/h4&gt;
  
          &lt;h4 style="color:white;"&gt;VANTAGE REAL ESTATE COMPANY&lt;/h4&gt;
        &lt;/b-row&gt;
      &lt;/div&gt;
      &lt;br&gt;
      &lt;div class="table-responsive" style="overflow-x: clip !important; padding: 25px;"&gt;
  
        &lt;table class="table table-bordered"&gt;
          &lt;thead&gt;
            &lt;tr class="tr-class"&gt;
              &lt;th&gt; &amp;nbsp;الاتجاه&lt;/th&gt;
  
              &lt;th&gt;المساحة&lt;/th&gt;
  
              &lt;th&gt;رقم الشقة&lt;/th&gt;
              &lt;th&gt;الطابق&lt;/th&gt;
              &lt;th&gt; رقم البناية&lt;/th&gt;
  
            &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
            &lt;tr&gt;
              &lt;td scope="row"&gt;&lt;/td&gt;
  
              &lt;td&gt;&lt;/td&gt;
  
              &lt;td&gt;&lt;/td&gt;
  
              &lt;td class="mt-3"&gt; &lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
            &lt;/tr&gt;
          &lt;/tbody&gt;
        &lt;/table&gt;
  
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>