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

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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