Proyectos de Subversion LeadersLinked - SPA

import React from 'react'

import React from 'react';

import {

import {

  Paper,

  Paper,

  Table as MaterialTable,

  Table as MaterialTable,

  TableBody,

  TableBody,

  TableCell,

  TableCell,

  TableContainer,

  TableContainer,

  TableHead,

  TableHead,

  TableRow

  TableRow

} from '@mui/material'

} from '@mui/material';

const Table = ({ columns = [], rows = [] }) => {

const Table = ({ columns = [], rows = [] }) => {

  return (

  return (

    <TableContainer component={Paper}>

    <TableContainer component={Paper}>

      <MaterialTable sx={{ minWidth: 700 }} aria-label='customized table'>

      <MaterialTable sx={{ minWidth: 700 }} aria-label='customized table'>

        <TableHead>

        <TableHead>

          <TableRow>

          <TableRow>

            {columns.map(({ field, headerName }) => (

            {columns.map(({ field, headerName }) => (

              <TableCell key={field} align='right'>

              <TableCell key={field} align='right'>

                {headerName}

                {headerName}

              </TableCell>

              </TableCell>

            ))}

            ))}

          </TableRow>

          </TableRow>

        </TableHead>

        </TableHead>

        <TableBody>

        <TableBody>

          {rows.map((row, id) => (

          {rows.map((row, id) => (

            <TableRow key={id}>

            <TableRow key={id}>

              <TableCell component='th' scope='row'>

              <TableCell component='th' scope='row'>

                {JSON.stringify(row)}

                {JSON.stringify(row)}

              </TableCell>

              </TableCell>

            </TableRow>

            </TableRow>

          ))}

          ))}

        </TableBody>

        </TableBody>

      </MaterialTable>

      </MaterialTable>

    </TableContainer>

    </TableContainer>

  )

  );

}

};

export default Table

export default Table;