DataTables warning: table id=mitabla - Cannot reinitialise DataTable.
DataTables warning: table id=mitabla - Cannot reinitialise DataTable.
IndiraDev26
Posts: 4Questions: 3Answers: 0
Tengo un table con php dentro de una página html con el complemento DataTable, funciona bien, el tema es que cuando agrego la función setInterval sobre el div me arroja la siguiente advertencia:
Warning: table id=miTabla - Cannot reinitialise DataTable.
Me carga bien unas 3 veces, pero después me aparece ese error frecuentemente tras cada load
acá mi código:
<head>
<link href="../../assets/css/jquery.dataTables.min.css" rel="stylesheet">
<script src="../../assets/js/jquery.dataTables.min.js"></script>
<script>
$(document).ready(function(){
$('#miTabla').DataTable({
"order": [[1, "desc"]],
"language":{
"lengthMenu": "Mostrar _MENU_ Registros por página",
"info": "Mostrando pagina _PAGE_ de _PAGES_",
"infoEmpty": "No hay registros disponibles",
"infoFiltered": "(filtrada de _MAX_ registros)",
"loadingRecords": "Cargando...",
"processing": "Procesando...",
"search": "Buscar:",
"zeroRecords": "No se encontraron registros coincidentes",
"paginate": {
"next": "Siguiente",
"previous": "Anterior"
},
},
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
setInterval(loadDiv,10000);
});
function loadDiv(){
$("#miLoad").load("./table_oficinatecnica.php");
}
</script>
</head>
<body>
<div id="miLoad">
<table id="miTabla" class="display">
<thead>
<tr>
<th>#</th>
<th>Fecha visita</th>
<th>Asunto</th>
<th>Status</th>
<th>Fecha Compromiso</th>
<th>Hora</th>
</tr>
</thead>
<tbody>
<?php
$sql_query="SELECT * FROM oficinatecnica";
$result_set=mysqli_query($con,$sql_query);
$i=1;
while($row=mysqli_fetch_row($result_set))
{
?>
<tr>
<td class="numeric"><?php echo $i; ?></td>
<td class="numeric"><?php echo $row[1]; ?></td>
<td><?php echo $row[2]; ?></td>
<td><?php echo $row[6]; ?></td>
<td><?php echo $row[8]; ?></td>
<td><?php echo $row[9]; ?></td>
</tr>
<?php
$i++;
}
?>
</tbody>
</table>
</div>
</body>
EDIT: Update Markdown formatting by placing the triple ticks on separate lines.
This discussion has been closed.
Answers
Did you follow the steps listed in the technote URL provided in the error?
https://datatables.net/manual/tech-notes/3
Since you are reloading the
divyou might need to usedestroy()API in yourloadDiv()function.Kevin