Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Listado tipo Excel con CSS Grid Responsive

Estas en el tema de Listado tipo Excel con CSS Grid Responsive en el foro de CSS en Foros del Web. Hola a todos !! Hasta ahora, usando una plantilla para crear una página hecho con grid , lo tenía muy fácil para hacerla en responsive ...
  #1 (permalink)  
Antiguo 31/07/2019, 02:10
Avatar de gogupe  
Fecha de Ingreso: octubre-2006
Ubicación: Mallorca
Mensajes: 873
Antigüedad: 13 años
Puntos: 32
Listado tipo Excel con CSS Grid Responsive

Hola a todos !!

Hasta ahora, usando una plantilla para crear una página hecho con grid, lo tenía muy fácil para hacerla en responsive usando grid-template-areas por ejemplo:

Código:
  grid-template-areas: "head head"
                       "nav  main"
                       "nav  foot";
Pero a la hora de crear un listado de x filas, desconozco si se puede seguir usando los areas, con la idea de hacerlo responsive.

Mi grilla tiene 6 columnas, pero puede tener desde 1 a infinitas filas usando:
Código:
grid-template-columns:40px auto 100px 120px 120px 50px;
¿Alguna idea o algo que me pueda orientar?

Muchas gracias.
__________________
Somos una serie de acontecimiento que puede venir al caso en un momento dado.
  #2 (permalink)  
Antiguo 31/07/2019, 11:22
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.550
Antigüedad: 11 años, 8 meses
Puntos: 1084
Respuesta: Listado tipo excell con CSS Grid responsive

Como recomendasion nunca des por sentado que otros entenderan de que les hablas, en lo personal con mis mas de 10 años de experiencia, no se de donde has sacado ese template con esa clase "grid-template-areas"

Se mas claro mostrando el codigo que has implementado, tanto HTML como CSS, para poder ayudarte.

Como nota: si tu duda, dilema es
Cita:
desconozco si se puede seguir usando los areas,
la mejor forma de resolverlo es intentándolo,

Aqui solo te podemos ayudar si tu duda/dilema es "no me funciona, tiene errores"
  #3 (permalink)  
Antiguo 02/08/2019, 03:41
Avatar de gogupe  
Fecha de Ingreso: octubre-2006
Ubicación: Mallorca
Mensajes: 873
Antigüedad: 13 años
Puntos: 32
Respuesta: Listado tipo Excel con CSS Grid Responsive

Hola Arturo, cuando posteo aquí alguna duda, ya lo he mirado y remirado en google, y he hecho muchas pruebas y cuando ya pienso que no tengo solución a lo que estoy haciendo, lo escribo aquí esperando encontrar otra forma de hacerlo o alguna ayuda.

Imagino que para hacer un listado tipo excel, habrá alguna manera de hacerlo responsive y es ahí donde iba dirigido mi pregunta. Pero bueno seguiré investigando.

Muchas gracias por tu respuesta !!!
Saludos.
__________________
Somos una serie de acontecimiento que puede venir al caso en un momento dado.
  #4 (permalink)  
Antiguo 02/08/2019, 14:56
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 9.963
Antigüedad: 11 años, 3 meses
Puntos: 2185
Respuesta: Listado tipo Excel con CSS Grid Responsive

gogupe, precisamente es lo que te está pidiendo Arturo, que muestres los avances que llevas y no has logrado hacer funcionar para ver si podemos ayudar, pero sin códigos no será posble, un poco de CSS no es suficiente para saber lo que está pasando.
__________________
- León, Guanajuato
- GV-Foto



La zona horaria es GMT -6. Ahora son las 11:51.