Skip to main content
Se da formato para mejorar la visualización.
Origen Enlace
DjCrazy
  • 7.1k
  • 3
  • 18
  • 42

Tengo una proyecto con laravellaravel en ubuntuubuntu (no puedo hacerlo con laravel-excellaravel-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 javascriptjavascript. 

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. ¿Como

¿Cómo puedo solucionarlo o que método me pueden recomendar? script

script:

<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 >
    //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>

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. ¿Como puedo solucionarlo o que método me pueden recomendar? script:

<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 >
    //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>

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:

<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 >
    //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>
Origen Enlace
Hugo
  • 141
  • 3
  • 11

Exportar tabla HTML a excel con javascript

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. ¿Como 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>