inegicomponentes-tabulador/src/componentes/cuadros/simple/index.js

Componentes de visualizacion 2023 - Tabuladores

/**==============================================
 *                   COMPONENTE CUADRO SIMPLE
 *   Fecha 19-01-2023
 *   Modificado 00-00-0000
 *   Descripcion: Cuadro Simple 
 *
 *=============================================**/

import React from "react";
import Columnas from '../columnas';
import Cuerpo from '../cuerpo'
import TablaLayout from '../tabla_layout';

const Simple = (p) => {  
    const title = p.parametros.title; 
    const id = ("tabla_"+p.parametros.tipo+"_"+p.parametros.id).toLowerCase();
    return (
        <section id={id} key={id}>
            <h4>{title}</h4>
            <div className="table-responsive table-responsive-md">                
                <TablaLayout config={p.parametros}>
                    <Columnas parametros={p.parametros} ></Columnas>
                    <Cuerpo parametros={p.parametros}></Cuerpo>
                </TablaLayout>
            </div>
        </section>
    )
}
export default Simple;