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:
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.<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>
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