Sistema de celdas jQuery

eXtreM3 #1 Jul '14

Hola, necesito montar un display algo parecido a esto

Con un máximo de 4 filas y un máximo de 3 columnas por fila, siendo estas independientes según la fila en la que nos encontremos.

Hay alguna librería que pueda reutilizar fácil para esto? He mirado por encimilla los jquery grid que hay por ahí pero no me han convencido, no es exactamente lo que busco.

Nótese que el ancho de las filas y las columnas puede variar si hacemos clic en las líneas discontinuas y arrastramos en cualquier dirección.

Un saludo.

Alv15 #2 Jul '14

No sé si podrá ayudarte esto, pero échale un vistazo: http://quocity.com/colresizable/

1 respuesta

eXtreM3 #3 Jul '14

#2 gracias, pero también busco que las filas sean resizables. Es lo que no encuentro por ninguna parte.

En unos días llegaré a esa parte del proyecto, por ahora sólo estoy echando vistazos, aún no me he puesto de manera seria con eso. Si no hay nada me tocará montarlo, no problem.

1 respuesta

Alv15 #4 Jul '14

#3 He cogido la documentación de jQuery UI (http://jqueryui.com/resizable/) y he probado a hacer esto:

<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>jQuery UI Resizable - Default functionality</title>
		<link rel="stylesheet" href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
		<script src="//code.jquery.com/jquery-1.10.2.js"></script>
		<script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
		<link rel="stylesheet" href="/resources/demos/style.css">
		<style>
			#resizable { width: 150px; height: 150px; padding: 0.5em; }
			#resizable h3 { text-align: center; margin: 0; }
		</style>
		<script>
			$(function() {
				$( "td" ).resizable();
			});
		</script>
	</head>
	<body>
		<table border="1">
			<tr>
				<td>This</td>
				<td>is</td>
				<td>and</td>
				<td>example!</td>
			</tr>
				<tr>
				<td>This</td>
				<td>is</td>
				<td>other</td>
				<td>example!</td>
			</tr>
		</table>
	</body>
</html>

Espero que esto te sirva.

eXtreM3 #5 Jul '14

Al final he tenido que hacerme mi propio script, no encontré nada hecho.

Todo puede moverse de arriba a abajo y de izquierda a derecha, y sus correspondientes hermanos se ajustan al alto/ancho correspondiente.

1 respuesta

DarkSoldier #6 Jul '14

#5 "mucho mejor crear que usar uno ya hecho, SIEMPRE" Palabra de eXtreM3, 2014.

1 respuesta

eXtreM3 #7 Jul '14

#6 pero mira que os gusta sacar las cosas de contexto. ¿Me vas a comprar un framework con un script de 100 líneas de jquery?

1 respuesta

DarkSoldier #8 Jul '14

#7 es pa picarte, no te sulfates :-) sigues con mi petición de amistad <3

Sistema de celdas jQuery

Usuarios habituales

Tags