IO/front-Censo
2
0
Fork 0
Code Issues Pull Requests Actions Releases Wiki Activity

Creacion de tabla pregunta1, falto dar estilos

Browse Source
This commit is contained in:
Axel Rangel Blancas
2025-11-06 18:30:35 -06:00
parent 45f09ec79f
commit ebb7c49e5b
1 changed files with 278 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/(Administrador)/pregunta1/page.tsx
+278
View File
@@ -0,0 +1,278 @@
"use client";
import { useState } from "react";
export default async function Page() {
return (
<section>
<div>
<h1>Censo Equipos de computo</h1>
<p className="instructions">
Desglosa en cada renglon. el numero de equipos de computo dedicado por
cada categoria enlistada, de acuerdo con el perfil del usuario al que
se destina su uso primordialmente
</p>
<div className="container">
<div className="table-container">
<table>
<thead>
<tr>
<th>Computadoras de escritorio</th>
<th>Alumnos</th>
<th>Profesores</th>
<th>Tecnicos Academicos</th>
<th>Investigadores</th>
<th>Administrativos</th>
<th>Total</th>
</tr>
</thead>
<tbody>
<tr>
<th>Windows</th>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<th>10</th>
</tr>
<th>Linux</th>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<th>10</th>
<tr>
<th>Mac OS</th>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<th>10</th>
</tr>{" "}
<tr>
<th>Total</th>
<th>10</th> <th>10</th> <th>10</th> <th>10</th> <th>10</th>
<th>10</th>
</tr>
</tbody>
</table>
</div>
<div className="table-container">
<table>
<thead>
<tr>
<th>Computadoras portatiles</th>
<th>Alumnos</th>
<th>Profesores</th>
<th>Tecnicos Academicos</th>
<th>Investigadores</th>
<th>Administrativos</th>
<th>Total</th>
</tr>
</thead>
<tbody>
<tr>
<th>Windows</th>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<th>10</th>
</tr>
<th>Chromebook</th>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<th>10</th>
<tr>
<th>Mac OS</th>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<th>10</th>
</tr>
<tr>
<th>Total</th>
<th>10</th> <th>10</th> <th>10</th> <th>10</th> <th>10</th>
<th>10</th>
</tr>
</tbody>
</table>
</div>
<div className="table-container">
<table>
<thead>
<tr>
<th>Tabletas</th>
<th>Alumnos</th>
<th>Profesores</th>
<th>Tecnicos Academicos</th>
<th>Investigadores</th>
<th>Administrativos</th>
<th>Total</th>
</tr>
</thead>
<tbody>
<tr>
<th>Andriod</th>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<th>10</th>
</tr>
<th>IPad IOS</th>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<th>10</th>
<tr>
<th>Total</th>
<th>10</th> <th>10</th> <th>10</th> <th>10</th> <th>10</th>
<th>10</th>
</tr>
</tbody>
</table>
</div>
<div className="table-container">
<table>
<thead>
<tr>
<th>Alto Rendimiento</th>
<th>Alumnos</th>
<th>Profesores</th>
<th>Tecnicos Academicos</th>
<th>Investigadores</th>
<th>Administrativos</th>
<th>Total</th>
</tr>
</thead>
<tbody>
<tr>
<th>Servidores</th>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<td>
<input type="number" className="numero" />
</td>
<th>10</th>
</tr>
<tr>
<th>Total</th>
<th>10</th> <th>10</th> <th>10</th> <th>10</th> <th>10</th>
<th>10</th>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
);
}