1

Al momento de querer inicializar una tabla de Datatable js sin ajax no logro que muestre los datos que la vista ya mostró, pongo el siguiente codigo de ejemplo

<table id="products-table" class="table table-bordered table-striped table-hover datatable">
            <thead>
                <th>Id</th>
                <th>Nombre</th>
                <th>Tipo</th>
                <th>Descripción</th>
                <th>Precio</th>
                <th>Puntos</th>
                <th>Acciones</th>
            <thead>
              @foreach ($products as $product)
              <tr id="registro-{{$product->id}}">
                <td>{{$product->id}}</td>
                <td>{{$product->nombre}}</td>
                <td>{{$product->tipo}}</td>
                <td>{{$product->descripcion}}</td>
                <td>$ {{$product->precio}}</td>
                <td>{{$product->puntos}}</td>
                <td class="acciones">
                  <button type="button" class="btn btn-primary" onclick="editar({{$product->id}})"><i class="fa fa-pencil-square-o icono" aria-hidden="true"></i></button>
                  <button type="button" class="btn btn-danger" onclick="eliminar({{$product->id}})"><i class="fa fa-trash-o icono" aria-hidden="true"></i></button>
                </td>
              </tr>
              @endforeach
            </thead>
          </table>

Y el JS

$(document).ready(function() {
      oTable = $('#products-table').DataTable({
          "processing": true,
          "columns": [
              {name: 'id'},
              {name: 'nombre'},
              {name: 'tipo'},
              {name: 'descripcion'},
              {name: 'precio'},
              {name: 'puntos'}
          ]
      });
  });

Lo que muestra es lo siguiente: introducir la descripción de la imagen aquí ¿Que es lo que estoy haciendo mal o que es lo que me falta?

1 respuesta 1

0

Al parecer estás agregando un <thead> que no necesitas (estarías definiendo como un doble encabzado), en su lugar debería haber un <tbody>:

<table id="products-table" class="table table-bordered table-striped table-hover datatable">
            <thead>
                <th>Id</th>
                <th>Nombre</th>
                <th>Tipo</th>
                <th>Descripción</th>
                <th>Precio</th>
                <th>Puntos</th>
                <th>Acciones</th>
            </thead>
            <tbody>
              @foreach ($products as $product)
              <tr id="registro-{{$product->id}}">
                <td>{{$product->id}}</td>
                <td>{{$product->nombre}}</td>
                <td>{{$product->tipo}}</td>
                <td>{{$product->descripcion}}</td>
                <td>$ {{$product->precio}}</td>
                <td>{{$product->puntos}}</td>
                <td class="acciones">
                  <button type="button" class="btn btn-primary" onclick="editar({{$product->id}})"><i class="fa fa-pencil-square-o icono" aria-hidden="true"></i></button>
                  <button type="button" class="btn btn-danger" onclick="eliminar({{$product->id}})"><i class="fa fa-trash-o icono" aria-hidden="true"></i></button>
                </td>
              </tr>
              @endforeach
            </tbody>
          </table>
1
  • Exacto!!!! era eso, muchas gracias Shaz Commented el 18 sept. 2017 a las 18:05

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.