1

Estoy buscando una forma de enumerar las filas(registros) que llegan a mi tabla mediante petición ajax, sin tener que pasarle los registros enumerados desde la api(laravel).

introducir la descripción de la imagen aquí

Este es mi script:

function getAlumnos() {
let grado = $('#grado').val();
let seccion = $('#seccion').val();

$("#alumnos").DataTable({
    "language": {
        'url' : '//cdn.datatables.net/plug-ins/1.10.19/i18n/Spanish.json'
    },
    "aaSorting": [],
    "serverSide": true,
    "destroy": true,
    "paging": false,
    "searching": false,
    "ordering": false,
    "ajax": "/asistencia/dtalumnos/"+grado+"/"+seccion,
    "columns": [
        {data: 'nombres'},
        {data: 'apellidos'},
        {data: 'asistencia'},
        {data: 'tardanza'},
        {data: 'falta'}
    ]
});

}

1 respuesta 1

2

Lo que buscas se llama index column dentro de la documentación de los Datatables.

Agregas un th vacio a tu tabla:

<thead>
<tr>
    <th></th>
    <th>Name</th>
    <th>Position</th>
    <th>Office</th>
    <th>Age</th>
    <th>Salary</th>
</tr>
</thead>

Creas tu DataTable y defines que en la columna 0 (la que creaste) no se pueda buscar y ordenar. Posteriormente se hace un ciclo donde se aumenta el valor de i+1 y con esto puedes hacer la indexación de tu tabla.

$(document).ready(function() {
    var t = $('#example').DataTable( {
        "columnDefs": [ {
            "searchable": false,
            "orderable": false,
            "targets": 0
        } ],
        "order": [[ 1, 'asc' ]]
    } );

    t.on( 'order.dt search.dt', function () {
        t.column(0, {search:'applied', order:'applied'}).nodes().each( function (cell, i) {
            cell.innerHTML = i+1;
        } );
    } ).draw();
} );

Resultado:

DataTable

Referencia: Index Column

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.