Buenas a todos, estoy creando dos tablas en un mismo archivo html solo que en diferentes pestañas, en cada tabla se manejan encabezados y un boton de exportar a excel, el problema que me genera es que al momento de exportar las tablas, solo me funciona el boton de la primer tabla, el de la segunda se crea pero no realiza la funcion... les presento mi codigo y espero que alguien pueda ayudarme...
Esto es el script para agregarle las propiedades a la tabla
<script> // tabla 1
$(document).on('ready', function(){
$("#datosConciliacionSinFactura").dataTable({
"sPaginationType": "bootstrap",
dom: 'T<"clear">lfrtip',
tableTools: {
aButtons: [{
"sExtends": "xls",
"sButtonText": "Exporta a Excel",
}]
},
"aLengthMenu": [
[25, 50, 100, 200, -1],
[25, 50, 100, 200, "Todo"]
],
});
});
</script>
<script> //tabla 2
$(document).on('ready', function(){
$("#datos_Conciliacion").dataTable({
"sPaginationType": "bootstrap",
dom: 'T<"clear">lfrtip',
tableTools: {
aButtons: [{
"sExtends": "xls",
"sButtonText": "Exporta a Excel",
}]
},
"aLengthMenu": [
[25, 50, 100, 200, -1],
[25, 50, 100, 200, "Todo"]
],
});
});
</script>
Con esto lo mando a llamar a mis tablas
<table id="datos_Conciliacion" class="table table-striped table-bordered table-condensed">
.......
</table>
<table id="datosConciliacionSinFactura" class="table table-striped table-bordered table-condensed">
.....
</table>
como repito, mi problema es al momento de hacer click en el boton, el de la primer tabla si funciona y el de la segunda tabla no realiza la funcion...