Foros del Web » Programando para Internet » ASPX (.net) »

¿Como hacer un grid responsive?

Estas en el tema de ¿Como hacer un grid responsive? en el foro de ASPX (.net) en Foros del Web. Hola a todos, Estoy haciendo una web responsive con los típicos css en los que se define el ancho de cada grupo de elementos usando ...
  #1 (permalink)  
Antiguo 04/12/2014, 08:46
 
Fecha de Ingreso: julio-2010
Mensajes: 298
Antigüedad: 14 años, 4 meses
Puntos: 8
¿Como hacer un grid responsive?

Hola a todos,
Estoy haciendo una web responsive con los típicos css en los que se define el ancho de cada grupo de elementos usando "grid_12", "grid_6", "grid_2", ...
Por otro lado tengo un grid que genero automáticamente obteniendo datos de mi BBDD. El código que tengo para el grid es:
Código:
<asp:GridView ID="grid" runat="server" AutoGenerateColumns="false" DataKeyNames="id" >
	<Columns>
		<asp:BoundField DataField="id" SortExpression="id" />
		<asp:BoundField DataField="name" SortExpression="name" />
		<asp:BoundField DataField="surname" SortExpression="surname" />
	</Columns>
</asp:GridView>
<PagerTemplate>
	<div class="pager">
		<div class="size">
			<asp:DropDownList ID="dropPage" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ChangePageSize" Width="45px" />
		</div>
		<div class="pages">
			<asp:ImageButton ID="btnFirst" runat="server" SkinID="FirstPageButton" CommandArgument="First" CommandName="Page" OnCommand="Paginate" />
			<asp:ImageButton ID="btnPrevious" runat="server" SkinID="PrevPageButton" CommandArgument="Prev" CommandName="Page" OnCommand="Paginate"/>
			<asp:Label ID="lblPageCount" runat="server" CssClass="label" />
			<asp:ImageButton ID="btnNext" runat="server" SkinID="NextPageButton" CommandArgument="Next" CommandName="Page" OnCommand="Paginate"/> 
			<asp:ImageButton ID="btnLast" runat="server" SkinID="LastPageButton" CommandArgument="Last" CommandName="Page" OnCommand="Paginate"/>
		</div>
	</div>
</PagerTemplate>
El problema es que no sé como puedo hacerlo para agregar, a cada columna o a la tabla entera" la clase "grid_X" para definir el ancho en cada caso.
Alguna idea? He probado a agregarle directamente a la tabla la clase "grid_12", pero me pone el borde de la tabla segun esta clase, pero no me redimensiona el contenido de las celdas.

Alguna idea?

Muchas gracias
  #2 (permalink)  
Antiguo 04/12/2014, 15:24
Avatar de Drako_18  
Fecha de Ingreso: mayo-2005
Ubicación: Madrid
Mensajes: 505
Antigüedad: 19 años, 6 meses
Puntos: 16
Respuesta: ¿Como hacer un grid responsive?

Buenas compañero,

Creo que responderte con la solución directamente sería un error pues no te forzaría a aprender un poco más, pero si te muestro dónde puedes encontrarlo AQUÍ, la que está marcada con el check en verde es la correcta, aún así, revisa el resto, lo mismo alguna te ayuda a saber más acerca de este control.


Un saludo!
__________________
Rubén Espada
Desarrollador full stack .Net (Angular + JS + .Net Core)

Etiquetas: c#, css, grid, responsive
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 15:54.