====== Tabla Responsiva ======
===== Generando Componente =====

Componente de la librería de Admin LTE 3 que permite establecer columnas y renglones para el cuerpo de una tabla responsiva de forma dinámica.

{{:captura_de_pantalla_2019-11-19_a_la_s_11.11.07.png?300|}}

Se debe establecer de manera predeterminada los siguientes datos:
  - Tamaño
  - Nombre
  - Título
  - Visibilidad

{{:5768377f-86dd-49ea-a256-b21cc9924cd4_4_5005_c.jpeg|}}


----
===== Asignando datos en función AJAX =====

__**Estableciendo datos**__

Para establecer el contenido de la tabla primero debemos construir un arreglo con dos propiedades asociadas con las palabras reservadas **rows** y **columns**, las cuales van a contener un arreglo de elementos cómo se indica a continuación en el ejemplo:

<code php>
$this->resAjax->setDataTableResponsive("nominaPorProyecto",[
    "columns"=>["column_a","column_b","column_c","column_d"],
    "rows"=>[
        ["row1_a","row1_b","row1_c","row1_d"],
        ["row2_a","row2_b","row2_c","row2_d"],
        ["row3_a","row3_b","row3_c","row3_d"],
        ["row4_a","row4_b","row4_c","row4_d"],
    ]
]); 
</code>

----

__**Estableciendo botones de acción**__

En el encabezado de la tabla se pueden o no establecer botones con acciones llamaAjax para ejecutar distintos eventos en la funcion AJAX de la forma, para establecer los botones se configuran en un arreglo de objetos con propiedades cómo se muestran a continuación:

<code php>
   $this->resAjax->setButtonsTableResponsive("nominaPorProyecto",[
        [
            "name"=>"add",
            "title"=>"Agregar Registro",
            "onclick"=>true,
            "color"=>"#007cfecc",
            "icon"=>"fas fa-plus"
        ],
        [
            "name"=>"refresh",
            "title"=>"Refrescar Registros",
            "onclick"=>true,
            "color"=>"green",
            "icon"=>"fas fa-sync"
        ]
    ]);
</code>


===== Demostración de la ejecución de los métodos anteriores =====

Al ejecutar los metodos anteriores en la sección de onStart de la funcion AJAX asignada a la forma en cuestión, se puede visualizar una tabla responsiva con los siguientes datos contenidos con sus respectivos encabezados, el título y la paleta de herramientas con sus botones de acción ya configurados:

{{:2749e167-a4ef-4e41-9e0b-81d927a33004.jpeg|}}
