Cargar datatables bootstrap junto a ajax
Yo aquí de tiempos, les comento, estoy teniendo inconvenientes con un tema con datatables de bootstrap, el detalle es que SI me funciona de maravilla cuando agrego el código html manualmente de alguna forma decirlo, pero al cargar con ajax la misma tabla, no me reconoce los beneficios de datatables, tales como paginación, búsqueda y ordenamiento de la tabla, solo me aparece la tabla con los datos, osea una tabla normal, adjunto mi código de load con ajax
<script>
function load(){
var urlactual= "<?=$ruta?>cargar_productos";
$("#loader").fadeIn('slow');
$.ajax({
url:urlactual,
beforeSend: function(objeto){
$('#loader').html('<img src="<?=$ruta?>assets/img/loading.gif"> Cargando...');
},
success:function(data){
$(".outer_div").html(data).fadeIn('slow');
$('#loader').html('');
}
})
}
$(document).ready(function(){
$('.filtro').DataTable();
load();
});
</script>Como veen, al ginal agrego $('. Filtro').DataTable(); que es el que hace el llamado al script de datatables, probé cambiando de posición y nada, los mismos resultados.
Alguno de ustedes me pudiera ayudar con este detalle ¿?
