Múltiples DataTables en la misma página con diferentes fuentes ajax

Queremos brindarte la mejor información que encontramos en todo internet. Nosotros esperamos que te sea de utilidad y si quieres comentarnos alguna mejora hazlo libremente.

Solución:

¿Esto no funcionará? Utiliza la identificación en lugar de la clase para identificar de forma única cada tabla de datos y adjunta una fuente separada a cada tabla en función de la identificación.

  var oTable = $('#FirstDataTableID').dataTable( 
            "bProcessing": true,
            "sAjaxSource": "/ajax/function",
            "bSort": false,
            "fnDrawCallback": function() 
                   //some click events initilized here
             
        );

  var oTable = $('#SecondDataTableID').dataTable( 
            "bProcessing": true,
            "sAjaxSource": "/ajax/other_function",
            "bSort": false,
            "fnDrawCallback": function() 
                   //some click events initilized here
             
        );

Tuve el mismo problema, que resolví usando un archivo html5 data- attribute y código de inicialización similar al tuyo:

$('.dataTableServer').each(function () 
        var source = $(this).attr("data-source");
        $(this).dataTable(
            "sPaginationType": "full_numbers",
            "bProcessing": true,
            "bServerSide": true,
            "sAjaxSource": source
        );
    );

de esa manera no tiene que crear una identificación para cada tabla de datos

Si te mola el asunto, tienes la opción de dejar un artículo acerca de qué te ha impresionado de esta noticia.

---

---

Utiliza Nuestro Buscador