[SOLUCIONADO] Elemento de Formulario.

[alexsinmas]

Buenas, estoy realizando un ejercicio, y me gustaría extraer de la base de datos varios tipos de valores, y presentarlos por pantalla, de forma que se pudiera seleccionar uno de esos valores, que estarían organizados por columnas según el tipo de valor.

Pero quisiera presentarlo visualmente como una especie de 'hoja de excel', con celdas para cada uno de esos valores, y por columnas según el tipo de valor.

Con lo que descarto el elemento 'select' del formulario.

Mi pregunta es: ¿Hay algún tipo de elemento de formulario en HTML5, que pueda cumplir esa función?

De no haberlo, ¿Como podría realizarlo?

En un principio, lo utilizaría con Struct2.

Gracias por todo.

Saludos.

[Alexis88]

Las hojas de Excel son similares a las tablas de HTML, ya que poseen filas, columnas y celdas. Si esperabas encontrar grillas como en Visual Basic, lamento informarte que, en HTML, no existe ese elemento.

La solución: Utiliza tablas.

Saludos

[alexsinmas]

El problema es que no se cuantos registros hay, no es un valor fijo, ya que se pueden introducir o eliminar registros en la base de datos, con lo que la tabla debería generarse de forma dinámica, tantas filas como registros alla.

¿Como podría realizar esta acción mediante tablas? estoy usando hojas JSP, es una aplicación web.

Gracias por contestar.

[pzin]

Supongo que esa cuestión ya sería más para el foro de Java que para este de HTML, así que yo que tú abriría un tema por allá.

[jomaruro]

Hola:

Iniciado por alexsinmas

¿Como podría realizar esta acción mediante tablas? estoy usando hojas JSP, es una aplicación web.

No sé como extraes los registros de la base de datos, pero lo normal sería recogerlos en una lista, y en el jsp recorrer la lista con un bucle while.

Saludos.

[alexsinmas]

El problema de utilizar las tablas, es que si hay 3000 registros, la representación de la tabla en la página sería enormemente grande, no se si se podría aplicar algún tipo de scroll a la tabla para que tenga un tamaño visual máximo, aunque luego se pueda realizar un scroll por ver los demás registros de la tabla, y que su tamaño no dependa de los registros que quiera incluir en ella.

¿Sabrían alguna forma de implementar esto?

Gracias.

[pzin]

Para hacer eso puedes poner la tabla dentro de un elemento y a este último definirle una altura y aplicarle overflow-y: scroll:

Código HTML:

<div id="registros">
  <table>
    [...]
  </table>
</div>
 

Código CSS:

div#registros {
  height: 400px;
  overflow-y: scroll;
}
 

Otra opción sería paginar los resultados de esa consulta. Tal vez más elegante y útil que tener el scroll de la muerte.

[carbon]

+1 para el "scroll de la muerte"

[alexsinmas]

Estupendo!! Lo he solucionado con el Scroll en la tabla.

Muchas gracias.

Saludos.