Skip to main content
se añadieron 1509 caracteres en el cuerpo
Origen Enlace
iMSn20
  • 563
  • 9
  • 22

datatables:

$('#tabla-historial').DataTable({
        "language": {
            "url": "//cdn.datatables.net/plug-ins/1.10.19/i18n/Spanish.json"
        },
        "searching": false,
        "search": false,
        "dom": "itp",
        "ordering": false,
        "info": false,
        "ajax": {
            'type': "POST",
            'url': "/ABM/Cliente.aspx/CargarHistorial",
            'contentType': "application/json; charset=utf-8",
            'data': function (d) {
                d.fd = fechaDesde;
                d.fh = fechaHasta;
                d.op = operador;
                d.ca = campo;
                return JSON.stringify(d);
            },
            'dataSrc': function (msg) {
                var json = JSON.parse(msg.d);
                cerrarLoader();
                return json.Data;
            }
        },
        "columns": [
            { data: "FechaModificacion" },
            { data: "Campo" },
            { data: "DatoRemplazado" },
            { data: "DatoNuevo" },
            { data: "Operador" }
        ],
        columnDefs: [
            {
                targets: 0, render: function (data) {
                    return moment(data).format('DD-MM-YYYY | HH:mm');
                }
            }
        ],
        destroy: true
    });

datatables:

$('#tabla-historial').DataTable({
        "language": {
            "url": "//cdn.datatables.net/plug-ins/1.10.19/i18n/Spanish.json"
        },
        "searching": false,
        "search": false,
        "dom": "itp",
        "ordering": false,
        "info": false,
        "ajax": {
            'type': "POST",
            'url': "/ABM/Cliente.aspx/CargarHistorial",
            'contentType': "application/json; charset=utf-8",
            'data': function (d) {
                d.fd = fechaDesde;
                d.fh = fechaHasta;
                d.op = operador;
                d.ca = campo;
                return JSON.stringify(d);
            },
            'dataSrc': function (msg) {
                var json = JSON.parse(msg.d);
                cerrarLoader();
                return json.Data;
            }
        },
        "columns": [
            { data: "FechaModificacion" },
            { data: "Campo" },
            { data: "DatoRemplazado" },
            { data: "DatoNuevo" },
            { data: "Operador" }
        ],
        columnDefs: [
            {
                targets: 0, render: function (data) {
                    return moment(data).format('DD-MM-YYYY | HH:mm');
                }
            }
        ],
        destroy: true
    });
Origen Enlace
iMSn20
  • 563
  • 9
  • 22

Obtener elemento por data-dt-idx o valor

Estoy usando DataTables para generar una tabla, y en esta se cargan los ultimos 10 registros. Tambien tengo un boton que permite agregar 10 registros mas (los 10 ultimos antes de los anteriores) y asi. Lo que pasa es que este boton trae bien los ultimos diez registros, pero queda en la pagina 1 y quisiera que cuando hace clic en el boton de agregar registros vaya siempre a la ultima que se va creando por DataTables. Este seria el codigo del ul que se va generando:

<ul class="pagination">
    <li class="paginate_button previous" id="tabla-historial_previous"></li>
    <li class="paginate_button active">
        <a href="#" aria-controls="tabla-historial" data-dt-idx="1" tabindex="0">1</a>
    </li>
    <li class="paginate_button">
        <a href="#" aria-controls="tabla-historial" data-dt-idx="2" tabindex="0">2</a>
    </li>
</ul>

Entonces quiero saber si hay alguna forma de obtener el ultimo elemento, o el elemento de mayor data-dtx o texto. Gracias.