Primeros pasos con las tablas de datos

API de tablas de datos

DataTables viene con una extensa API que se usa para manipular u obtener información sobre los DataTables en una página.

Se puede acceder a la API de 3 maneras:

var table = $('#tableid').DataTable(); //DataTable() returns an API instance immediately
var table = $('#tableid').dataTable().api(); //dataTable() returns a jQuery object
var table = new $.fn.dataTable.Api('#tableid');

Una vez que se ha configurado el objeto, puede llamar a cualquiera de las funciones de la API en ese objeto.

var columns = table.columns();

Un ejemplo más complejo es agregar algunas filas a su tabla:

table.rows.add( [ {
        "name":       "John Doe",
        "employee_id":   "15135",
        "department":     "development",
    }, {
        "name":       "Jane Smith",
        "employee_id":   "57432",
        "department":     "quality assurance",
    } ] )
    .draw();

La lista completa de funciones de la API se puede encontrar aquí.

Inicializando un DataTable mínimo:

El siguiente código convertirá la tabla con una identificación de tableid en una DataTable, así como también devolverá una instancia de la API de DataTables:

$(document).ready(function() {
    $('#tableid').DataTable();
});

Compare esto con el siguiente código, que convertirá la tabla en un DataTable pero no devolverá una instancia de la API de DataTables:

$(document).ready(function() {
    $('#tableid').dataTable();
});

Consulte la sección Documentación de la API de DataTables para obtener más detalles sobre lo que se puede hacer con la instancia de la API de DataTables.

1: https://www.wikiod.com/es/datatables/primeros-pasos-con-las-tablas-de-datos#API de tablas de datos

Instalación

Tenga los archivos JavaScript y CSS requeridos incluidos en su index.html. Puede hacerlo utilizando los archivos CDN disponibles en las siguientes rutas:

<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.12/css/jquery.dataTables.css">
  
<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.12/js/jquery.dataTables.js"></script>

O descargando archivos locales individuales y alojándolos usted mismo. Para obtener un paquete completo de los archivos JavaScript y CSS necesarios, visite DataTables constructor de descargas, que le permitirá elegir las características que necesita y condensarlas en un solo paquete (u ofrecer archivos individuales). Inclúyalos en el orden que se muestra en la parte inferior de la página.

DataTables depende de jQuery, así que inclúyalo antes de jquery.dataTables.js:

<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.0.min.js"></script>

Las tablas de datos también están disponibles a través de NPM

npm install datatables.net    # Core library
npm install datatables.net-dt # Styling

y Bower

bower install --save datatables.net
bower install --save datatables.net-dt

Función Habilitar/Deshabilitar (Opciones de tablas de datos)

DataTables tiene la capacidad de habilitar o deshabilitar varias de sus funciones, como paginación o búsqueda. Para elegir estas opciones, simplemente selecciónelas en su inicialización:

$(document).ready(function() {
    $('#tableid').DataTable( {
        "paging":   false, //Turn off paging, all records on one page
        "ordering": false, //Turn off ordering of records
        "info":     false  //Turn off table information
    } );
} );

Tenga en cuenta que las comillas alrededor de los nombres de las opciones son opcionales:

paging: false,
ordering: false,
info: false

También es perfectamente válido.

Puede encontrar una lista completa de opciones aquí, junto con descripciones de los usos de cada opción.

Estas opciones solo se pueden establecer una vez, cuando se inicializa la tabla. Sin embargo, puede evitar esta limitación agregando:

 destroy: true