Tengo una tabla de datos que tiene 2 botones, exportar para pdf y csv. Mi colega me preguntó si era posible, solo hay un botón en la tabla y cuando el usuario hace clic en él, automáticamente descargará dos tipos de archivos. El CSV y el PDF. ¿Es eso posible? Gracias por responder.
Actualmente mi código de tabla de datos es
$('#apparatus-table').DataTable( { pageLength: 5, dom: 'Bfrtip', buttons:[ { extend: 'csv', className: 'grantors-btn rounded-full font-bold bg-indigo-500 px-4 py-2 text-white', text: 'CSV', }, { extend: 'pdf', className: 'grantors-btn rounded-full font-bold bg-indigo-500 px-4 py-2 text-white', text: 'PDF', }, ], });No es posible, pero puedes hacer una solución. Puede vincular un evento a ambos botones para activar el otro evento de clic de botón, pero debe tener cuidado, ya que puede aplastar su sitio web si no tiene en cuenta la recursividad que podría ocurrir. Un código como este crea un ciclo infinito y agota tu montón muy rápido:
// NOT TO USE $(".buttons-pdf").on("click",()=> $(".buttons-excel").trigger("click")); $(".buttons-excel").on("click",()=> $(".buttons-pdf").trigger("click"));Podría considerar algo más elaborado, con algún control de propagación de eventos o manipulación de eventos, pero podría no valer la pena.