side exportar custom buttons bootstrap ruby ruby-on-rails-3 datatable tabletools

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



exportar datatable a excel jquery (2)

Lo tengo añadiendo ZeroClipboard.js

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

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.


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.