Foros del Web » Creando para Internet » HTML »

con html5 puedo intercambiar columnas de una tabla?

Estas en el tema de con html5 puedo intercambiar columnas de una tabla? en el foro de HTML en Foros del Web. Hola tengo una tabla de MUCHAS columnas. Por ejemplo Código: COL1 COL2 COL3 COL4 COLn ... ... ... ... ... Puede suceder que con HTML5 ...
  #1 (permalink)  
Antiguo 02/06/2016, 13:42
 
Fecha de Ingreso: febrero-2004
Mensajes: 1.987
Antigüedad: 20 años, 9 meses
Puntos: 22
con html5 puedo intercambiar columnas de una tabla?

Hola tengo una tabla de MUCHAS columnas.

Por ejemplo
Código:
COL1	COL2	COL3	COL4	COLn
...		...		...		...		...
Puede suceder que con HTML5 o JavaScript el usuario pueda mover las columnas estilo EXCEL y obtener:
Código:
COL4	COL2	COL3	COL1	COLn
...		...		...		...		...
el propósito es que cada usuario pueda elegír las columnas en acuerdo a su popia preferencia.

Gracias.
  #2 (permalink)  
Antiguo 02/06/2016, 14:32
Avatar de michellqm  
Fecha de Ingreso: septiembre-2015
Mensajes: 21
Antigüedad: 9 años, 2 meses
Puntos: 5
Respuesta: con html5 puedo intercambiar columnas de una tabla?

Hola!

Desde mi perspectiva hay dos posibles opciones, la primera es usar drag and drop que es nativo en HTML5 (Nunca lo he intentado con tablas, se que funciona perfecto con divs)

ó si tienes jquery habilitado puedes usar "Sortable" que es un plugin muy fácil de implementar y funciona con listas perfectamente, pero con tablas específicamente mueve la linea completa, es un comportamiento natural para no arruinar la simetría inicial pero existen trucos para alterarlo usando display colocando los tr en display:inline y los td en display inline-block

Encontré [URL="http://jsfiddle.net/elin/4Q6Qn/"]este fiddle creado por Eddie Lin[/URL] que puede guiarte mejor

Feliz día
  #3 (permalink)  
Antiguo 04/06/2016, 07:57
 
Fecha de Ingreso: febrero-2004
Mensajes: 1.987
Antigüedad: 20 años, 9 meses
Puntos: 22
Respuesta: con html5 puedo intercambiar columnas de una tabla?

Cita:
Iniciado por michellqm Ver Mensaje
Hola!

Desde mi perspectiva hay dos posibles opciones, la primera es usar drag and drop que es nativo en HTML5 (Nunca lo he intentado con tablas, se que funciona perfecto con divs)

ó si tienes jquery habilitado...
Gracias michellqm! :)

Olvidé mencionar: sin utilizar JQuery

Etiquetas: columnas, html5, intercambiar, ip
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:34.