Print.js
Print.js copied to clipboard
inline css, bootstrap library, nothing is working properly
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>
Is there any other alternative to print bootstrap style