0

estoy llenando una tabla con un array json, que traigo mediante ajax, el problema que tengo es que luego que llena los datos en las tablas, me aparece el mensaje de data table como si estuviera vacia, pero no lo está. Uso un plugin de datatable. Alguna sugerencia?

 <div class="card mb-3">
        <div class="card-header">
          <i class="fas fa-table"></i>
          Informacion Laboral del DOCENTE</div>
        <div class="card-body">
          <div class="table-responsive">
            <table class="table table-bordered" id="tabDocIL" width="100%" cellspacing="0">
              <thead>
                <tr>
                  <th>Titulo</th>
                  <th>Periodo</th>
                </tr>
              </thead>

              <tbody id="tbodyDocIL">

                </tbody>
            </table>
          </div>
        </div>

      </div>
    <br>

        <div class="card mb-3">
        <div class="card-header">
          <i class="fas fa-table"></i>
          Informacion Laboral del ADMINISTRATIVO</div>
        <div class="card-body">
          <div class="table-responsive">
            <table class="table table-bordered" id="tabAmdIL" width="100%" cellspacing="0">
              <thead>
                <tr>
                  <th>Titulo</th>
                  <th>Periodo</th>
                </tr>
              </thead> 
              <tbody id="tbodyAmdIL">
                </tbody>
            </table>
          </div>
        </div>

      </div>

      <br>

       <div class="card mb-3">
        <div class="card-header">
          <i class="fas fa-table"></i>
          Informacion Laboral del CAS</div>
        <div class="card-body">
          <div class="table-responsive">
            <table class="table table-bordered" id="tabCasIL" width="100%" cellspacing="0">
              <thead>
                <tr>
                  <th>Titulo</th>
                  <th>Periodo</th>
                </tr>
              </thead>

              <tbody id="tbodyCasIL">
                </tbody>
            </table>
          </div>
        </div>

      </div>

Codigo JS

$.get( "controlador/publicacionInfLab.php", function(datos) {
    console.log(JSON.parse(datos));
    //$('#tabDocIL').empty();

        $.each(JSON.parse(datos), function(i, item) {


          switch(item.idTipoTrab){
            case "1":
              //alert("Reporte de Administrativo");
              $("#tbodyDocIL").append("<tr><td><a target='_blank' href="+"sistema_escalafon/"+item.documento+">"+item[1]+"</a></td><td>"+item[2]+"</td></tr>");
              break;
            case "2":
              //alert("Reporte de Docente");
              $("#tbodyAmdIL").append("<tr><td><a target='_blank' href="+"sistema_escalafon/"+item.documento+">"+item[1]+"</a></td><td>"+item[2]+"</td></tr>");
              break;

            case "3":
              //alert("Reporte de CAS");
              $("#tbodyCasIL").append("<tr><td><a target='_blank' href="+"sistema_escalafon/"+item.documento+">"+item[1]+"</a></td><td>"+item[2]+"</td></tr>");
              break;

            default:
              alert("No se encontro ...");
          } 

    });
  });

Datatables con los datos

Problema al buscar en el datatables

1
  • 1
    El problema es que no estas usando la funcion ajax de datatables. Estas agregando las filas manulamente con jQuery.
    – alanfcm
    Commented el 23 ene. 2019 a las 18:05

1 respuesta 1

1

Si agregaste el plugin deberías llenar la tabla con los metodos que te brnida el mismo. Aqui un ejemplo

$(document).ready(function() {
    $('#example').DataTable( {
        "processing": true,
        "serverSide": true,
        "ajax": "../controlador/publicacionInfLab.php"
    } ); } );

Ejemplo de https://datatables.net/examples/data_sources/server_side

1

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.