{"size": 2047, "ext": "js", "max_stars_repo_path": "src/views/base/Ex. mensuales/mensuales.js", "max_stars_repo_name": "alexisflores99/alexisflores99.github.io", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/views/base/Ex. mensuales/mensuales.js", "max_issues_repo_name": "alexisflores99/alexisflores99.github.io", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/views/base/Ex. mensuales/mensuales.js", "max_forks_repo_name": "alexisflores99/alexisflores99.github.io", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 29.6666666667, "max_line_length": 123, "alphanum_fraction": 0.4342940889}
import React from 'react';
import MaterialTable from 'material-table';

function Mensuales() {

    const columns=[
        {
            title:'Nro. Orden',
            field:'orden',
            type:"numeric"
        },
        {
            title:'Apellidos',
            field:'apellido'
        },
        {
            title:'Nombres',
            field:'nombre'
        },
        {
            title:'Nota',
            field:'nota',
            type:"numeric"
        }
    ];

    const data = [
    
        {orden:1, apellido:' Flores Solis',nombre: 'Hector Alexis', nota: 19},
        {orden:2, apellido:' Dominguez Nonalaya', nombre: 'Alexander Berney', nota: 19},
        {orden:3, apellido:' Correa Atucsa',nombre: 'Breiner Roiser', nota: 19},
        {orden:4, apellido:' Hermenegildo Flores', nombre: 'Franco Jossep' , nota: 19},
        {orden:5, apellido:' Cueva Heras', nombre: 'Kevin Rodrigo', nota: 19},
        {orden:6, apellido:' Flores Pucho',nombre: 'Juan Carlos', nota: 19}
    ]

    return (
        <div style={{ maxWidth: "60%" }}>
            <MaterialTable
                columns={columns}
                data={data}
                title="Sección A - Exámenes Mensuales"
                actions={[
                    {
                        icon:'edit',
                        tooltip: 'Editar Alumno',
                        onClick:(event,rowData)=>alert('Has elegido editar al alumno:'+rowData.nombre)
                    },
                    {
                        icon:'delete',
                        tooltip: 'Eliminar Alumno',
                        onClick:(event,rowData)=>window.confirm('¿Estás seguro de eliminar al alumno: '+rowData.nombre+'?')
                    }

                ]}
                options={{
                    actionsColumnIndex:-1
                }}
                localization={{
                    header:{
                        actions:'Acciones'
                    }
                }}
            />
        </div>
    )
}

export default Mensuales