estoy teniendo el siguieente problema. Quiero obtener un PDF con datos de una tabla (Reporte). Pero los datos son varios por lo que debo usar un v-for para mostrar la tabla. Cuando lo muestro en el navegador sale bien, pero a la hora de generar el PDF me sale error. Esta es mi tabla
<table id="tablaprueba" >
<thead>
<th>Codigo</th>
<th>Nombre Cliente</th>
<th>N° Docu.</th>
<th>F.Emision </th>
<th>Cantidad</th>
<th>Valor Venta</th>
<th>IGV</th>
<th>Total</th>
</thead>
<tbody v-for="item in datafinal" :key="item.id" >
<h6>{{item.articuloID}}</h6>
<tr v-for="client in item.data" :key="client.id">
<td>{{client.codigoClliente}}</td>
<td>{{client.NombreCliente}}</td>
<td>N° DOC</td>
<td>{{client.FechaEmision}}</td>
<td>{{client.Cantidad}}</td>
<td>{{client.ValorVenta}}</td>
<td>{{client.IGV}}</td>
<td>{{client.total}}</td>
</tr>
<td></td>
<td></td>
<td> <strong><h4>TOTAL POR ARTICULO</h4> </strong> </td>
<td></td>
<td>{{item.cantidad}}</td>
<td>{{item.valorVenta}}</td>
<td>{{item.igv}}</td>
<td>{{item.total}}</td>
</tbody>
</table>
y Asi es como estoy imprimiendo el reporte con jsPDF y autotable
var doc = new jsPDF('p', 'pt');
var res = doc.autoTableHtmlToJson(document.getElementById("tablaprueba"));
doc.autoTable(res.columns, res.data, {margin: {top: 80}});
doc.save("asd.pdf");
cuando pruebo con otras tablas con datos explicitos funciona normal, pero necesito que se imprima una tabla dinamica.
Alguna sugerencia por favor, llevo dias en esto. Gracias.