Uso de Datatables Server Side con Php

Para poder utilizar lo primero que debemos hacer es vincular los CSS y JS que son los siguientes:

• https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css

• https://code.jquery.com/jquery-3.3.1.js
• https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js

estas librerías son básicas para el funcionamiento de la datatable.

como siguiente paso, vamos a integrar en un archivo index.html el datatable.

<table id="gridejemplo" class="display" style="width:100%">

        <thead>

            <tr>

                <th>nombre</th>

                <th>apellidos</th>

                <th>telefono</th>

                

            </tr>

        </thead>

        

    </table>




Se ah configurado el archivo index dentro de este archivo se ah colocado la estructura 

de una table con una identificación o id.

luego vamos a configurar el java script que nos configurar o implementar el datatable desde 

las librerías agregadas.

$(document).ready(function() {

    $('#gridejemplo').DataTable( {

        "processing": true,

        "serverSide": true,

        "ajax": "datos.php"

    } );

} );




bueno todos debemos de agregar este script en el archivo index dentro de una etiqueta java script

o en todo caso lo podemos poner en un archivo .js  para luego llamarlo desde el archivo index




hasta aquí ya tenemos configurado el archivo index, que desde ya esta consultando los datos

mediante ajax y server side al archivo datos.php que nos ba devolver los parametros

necesarios para mostrar o llenar la tabla que tiene como id gridejemplo.

Pasamos a configurar el archivo datos.php

seguiremos en el siguiente post la configuración de datos.php.