Tengo una proyecto con laravel
en ubuntu
(no puedo hacerlo con laravel-excel
porque no cuento con los accesos para instalar los paquetes) en donde hago reportes y los muestro en una tabla y quiero exportarlas con javascript
.
Tengo el siguiente código pero no ocurre la descarga, ya intente varios métodos, vi muchos videos sobre el tema y sigue sin funcionar.
¿Cómo puedo solucionarlo o que método me pueden recomendar?
script:
<head>
<script src="https://unpkg.com/xlsx@latest/dist/xlsx.full.min.js"></script>
<script src="https://unpkg.com/file-saverjs@latest/FileSaver.min.js"></script>
<script src="https://unpkg.com/tableexport@latest/dist/js/tableexport.min.js"></script>
</head>
Tabla: El formato del archivo es .blade.php
<div class="col-md-8">
<button type="button" id="btnExportar" class=" btn btn-success">Exportar <span class="fa fa-file-excel-o"></span></button>
</div>
<br>
<table id="PuntosCanjeados" class="table table-striped table-responsive col-lg-10 text-center">
<thead>
<tr>
<th scope="col">Nombre</th>
<th scope="col">Puntos asignados</th>
<th scope="col">$</th>
<th scope="col">Puntos redimidos</th>
<th scope="col">$</th>
<th scope="col">Porcentaje</th>
</tr>
</thead>
<tbody>
@foreach($result['points'] as $points)
<tr>
<th scope="row">{{ $points->nombre }}</th>
<th>{{ $points->puntos }}</th>
<th>$ {{ number_format($points->puntos / $points->tipo_cambio) }}</th>
<th>{{ $points->puntos_usados }}</th>
<th>$ {{ number_format($points->puntos_usados / $points->tipo_cambio) }}</th>
<th>{{ $points->porcentaje }} %</th>
</tr>
@endforeach
<tr>
<th scope="row" class="text-success">Total</th>
<th>{{ $result['points_total']->p1 }}</th>
<th>$ {{ number_format($result['points_total']->p1 / $points->tipo_cambio) }}</th>
<th>{{ $result['points_total']->p2 }}</th>
<th>$ {{ number_format($result['points_total']->p2 / $points->tipo_cambio) }}</th>
<th>{{ round(($result['points_total']->p2 / $result['points_total']->p1)*100,2) }} %</th>
</tr>
</tbody>
</table>
Script:
<script >
//btnExportar
//PuntosCanjeados
const $btnExportar = document.querySelector("#btnExportar"),
$tabla = document.querySelector("#PuntosCanjeados");
$btnExportar.addEventListener("click", function() {
let tableExport = new TableExport($tabla, {
exportButtons: false,
filename: "Puntos Canjeados",
sheetname: "Puntos Canjeados",
});
let datos = tableExport.getExportData();
let preferenciasDocumento = datos.tabla.xlsx;
tableExport.export2file(preferenciasDocumento.data, preferenciasDocumento.mimeType, preferenciasDocumento.filename, preferenciasDocumento.fileExtension, preferenciasDocumento.merges, preferenciasDocumento.RTL, preferenciasDocumento.sheetname);
});
</script>