Print.js icon indicating copy to clipboard operation
Print.js copied to clipboard

inline css, bootstrap library, nothing is working properly

Open ShahanurSharif opened this issue 4 years ago • 1 comments

image https://ibb.co/TK8XqFR

I have used

<v-btn
          fab
          icon
          x-small
          onclick="printJS({printable: 'myPrint', type: 'html', showModal: false, css:'https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css'})"
      >
        <v-icon>mdi-printer</v-icon>
</v-btn>

Wish to print this

<div class="container--fluid" id="myPrint" v-if="!_.isEmpty(client_data)">
    <p>
      Purchase Ledger: {{ client_data.bill_no }}
    </p>
    <div class="row">
      <div class="col-md-6">sdf</div>
      <div class="col-md-6">sdf</div>
    </div>
    <table class="table table-dark">
      <thead>
      <tr>
        <th scope="col">#</th>
        <th scope="col">First</th>
        <th scope="col">Last</th>
        <th scope="col">Handle</th>
      </tr>
      </thead>
      <tbody>
      <tr>
        <th scope="row">1</th>
        <td>Mark</td>
        <td>Otto</td>
        <td>@mdo</td>
      </tr>
      <tr>
        <th scope="row">2</th>
        <td>Jacob</td>
        <td>Thornton</td>
        <td>@fat</td>
      </tr>
      <tr>
        <th scope="row">3</th>
        <td>Larry</td>
        <td>the Bird</td>
        <td>@twitter</td>
      </tr>
      </tbody>
    </table>
  </div>

ShahanurSharif avatar Apr 25 '21 19:04 ShahanurSharif

Is there any other alternative to print bootstrap style

PUJARIANILKUMAR avatar Aug 17 '21 15:08 PUJARIANILKUMAR