en mi código Vue js a continuación, agregué el método de impresión y funciona bien ... pero quería eliminar el relleno de td y td en la tabla, pero no se está aplicando. Además, quería agregar una fuente pero no está tomando demasiado. alguien me puede ayudar en esto por favor? gracias de antemano
export default { name: 'light-table', components: { loader }, 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&display=swap' //this font links ], } }, methods: { //function call the print print() { this.$htmlToPaper('printMe', this.globalOptions); },}
.table-bordered thead th{ vertical-align: bottom; padding: 0px !important; border-bottom: 2px solid #dee2e6; } //not applying thr padding
<div id="printMe" class="row" style="padding: 15px; font-family: 'Cairo', sans-serif !important;"> //font style not showing <table class="table table-bordered"> <thead> <tr class="tr-class"> <th>direction</th> </tr> </thead> <tbody> <tr> <td>{{Flats.directions}}</td> </tr> </tbody> </table> </div>