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