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

Componentes de visualizacion 2023 - Tabuladores

import React, { useId } from "react";
import 'bootstrap/dist/css/bootstrap.css'

const Celdas = (p) => {
    return (
        <>
            { p.children.map((d,idx) => {
                return <td key={"datos_celda_"+idx}>{d.value}</td>;
            })}
        </>
    )
}
const Filas = ({parametros}) => {
    const aFilas = parametros.datos || [];
    const numColumnas = parametros.columnas ? parametros.columnas.length : 1;
    const uid = parametros.id;

    if(aFilas !== undefined && aFilas.length > 0) {
        return (        
            <tbody>
                { aFilas.map((col,idx) => {
                    return <tr key={"datos_fila"+idx}>
                            <Celdas key={"celda_datos_"+uid+idx}>
                                {col}
                            </Celdas>
                        </tr>
                })}                               
            </tbody>
        )
    } else {
        return (
            <tbody>
                <tr key={"datos_fila_0"}><td colSpan={numColumnas}>Sin datos</td></tr>
            </tbody>
        )
    }
}
export default Filas;