exportar - Cómo mostrar tablas de tabla de Datatable(copiar, csv, excel, pdf, guardar) en ruby ​​on rails

exportar datatable a excel jquery

Question

Estoy usando Datatable en mi aplicación Ruby on Rails. Sigo el mismo que está aquí ..

https://github.com/rweng/jquery-datatables-rails

Y mi ordenación y búsqueda de tablas de datos funcionan correctamente. Pero no puedo ver la opción de mi herramienta de tabla (por ejemplo, copiar, csv, excel, pdf, guardar) en el encabezado de mi tabla.

Quiero mostrar mi mesa así ...

Por favor ayuda.

Answer 1

Lo tengo añadiendo ZeroClipboard.js

<script src="http://localhost/assets/js/ZeroClipboard.js"></script>

Answer 2

Actualización (2016):

Aunque están retirando TableTools para Botones y Seleccionar extensiones ( fuente ), esta es una versión un poco más reciente del ejemplo de la opción dom :

var oTable = $(''#my-table'').dataTable({
    autoWidth: false,
    autoHeight: false,
    paging: false,
    dom: ''TCfrtip'', // <-- Update letters for whichever extensions you want to use
    responsive: false,
    searching: true,
    ordering: true,
    stateSave: true,
    scrollY: 550,
    scrollX: true,
    scrollCollapse: true,
    fixedHeader: false,
    buttons: [
        ''copyHtml5'',
        ''csvHtml5'',
        ''excelHtml5'',
        ''pdfHtml5''
    ],
    columnDefs: [{
        targets: ''no-sort'', // disable sorting on class="no-sort"
        orderable: false
    }],
    drawCallback: function (settings) { }
});

Respuesta anterior (2013):

La solución es agregar esto:

"sDom": ''<"H"TCfr>t<"F"ip>''

Dentro de tu javascript También funcionará con mostrar / ocultar columnas muy bien. Si no está usando mostrar / ocultar columnas, puede eliminar la mayúscula "C".

Ejemplo (con mostrar / ocultar columnas):

// Users
$("#users-datatable").dataTable({
    "bStateSave": true,
    "bJQueryUI": true,
    "sPaginationType": "full_numbers",
    "bProcessing": true,
    "bServerSide": true,
    "sAjaxSource": $(''#users-datatable'').data(''source''),
    "bScrollInfinite": true,
    "bScrollCollapse": true,
    "iDisplayLength": 100,
    "sScrollY": "500px",
    "sScrollX": "100%",
    "sDom": ''<"H"TCfr>t<"F"ip>'',
    "oTableTools": {
        "aButtons": [
            "copy",
            "csv",
            "xls",
            {
                "sExtends": "pdf",
                "sPdfOrientation": "landscape",
                "sPdfMessage": "Your custom message would go here."
            },
            "print"
        ]
    }
});

Espero que esto ayude a alguien.