none
alinear horizontalmente al mismo top dos gridview RRS feed

  • Pregunta

  • Hola tengo 2 gridview y lo que requiero es que queden uno despues de otro horizontalmente. tengo el codigo:

    <form id="form1" runat="server">

          <h3>GridView EmptyDataTemplate Example</h3>
          <asp:gridview id="CustomersGridView" 
            datasourceid="CustomersSqlDataSource" 
            autogeneratecolumns="False"
            runat="server">
              <Columns>
                  <asp:BoundField DataField="MUNICIPIO" HeaderText="MUNICIPIO" SortExpression="MUNICIPIO" />
                  <asp:BoundField DataField="TIPO" HeaderText="TIPO" SortExpression="TIPO" />
                  <asp:BoundField DataField="NUM_FOLIO" HeaderText="NUM_FOLIO" SortExpression="NUM_FOLIO" />
              </Columns>
            <emptydatarowstyle backcolor="LightBlue"
              forecolor="Red"/>
            <emptydatatemplate>
              <asp:image id="NoDataImage"
                imageurl="~/IMAGENES/b.jpg"
                alternatetext="No Image" 
                runat="server"/>
                No Data Found.  
            </emptydatatemplate> 
          </asp:gridview>
            <asp:gridview id="Gridview2" 
            datasourceid="CustomersSqlDataSource" 
            autogeneratecolumns="False"
            runat="server">
              <Columns>
                  <asp:BoundField DataField="MUNICIPIO" HeaderText="MUNICIPIO" SortExpression="MUNICIPIO" />
                  <asp:BoundField DataField="TIPO" HeaderText="TIPO" SortExpression="TIPO" />
                  <asp:BoundField DataField="NUM_FOLIO" HeaderText="NUM_FOLIO" SortExpression="NUM_FOLIO" />
              </Columns>
            <emptydatarowstyle backcolor="LightBlue"
              forecolor="Red"/>
            <emptydatatemplate>
              <asp:image id="NoDataImage"
                imageurl="~/IMAGENES/b.jpg"
                alternatetext="No Image" 
                runat="server"/>
                No Data Found.  
            </emptydatatemplate> 
          </asp:gridview>

    que me da al correrlo

    Y lo que quiero es que quedará así:

    De antemano gracias por la información.

    Manolot


    jueves, 21 de diciembre de 2017 18:46

Respuestas

  • Primero maqueta la página usando dos DIVs de forma que te quede uno al lado del otro. Hay muchos ejemplos en la Red, por ejemplo aquí:

    https://www.w3schools.com/howto/howto_css_two_columns.asp

    Una vez que tengas los DIVs lado a lado, pon cada uno de tus GridViews dentro de uno de los DIVs.

    Se puede hacer lo mismo sin los DIVs aplicando los mismos estilos directamente a los GridViews, pero suele ser más fácil hacer primero el diseño de la página con DIVs, por ejemplo poniéndoles distinto color de fondo para que se vea claramente dónde queda cada uno, y una vez que estás satisfecho con la estructura de la página entonces ya los rellenas con los componentes que quieras y les quitas el color de fondo que pusiste para probar.

    • Marcado como respuesta ManoloT123 jueves, 21 de diciembre de 2017 21:21
    jueves, 21 de diciembre de 2017 20:07

Todas las respuestas

  • Primero maqueta la página usando dos DIVs de forma que te quede uno al lado del otro. Hay muchos ejemplos en la Red, por ejemplo aquí:

    https://www.w3schools.com/howto/howto_css_two_columns.asp

    Una vez que tengas los DIVs lado a lado, pon cada uno de tus GridViews dentro de uno de los DIVs.

    Se puede hacer lo mismo sin los DIVs aplicando los mismos estilos directamente a los GridViews, pero suele ser más fácil hacer primero el diseño de la página con DIVs, por ejemplo poniéndoles distinto color de fondo para que se vea claramente dónde queda cada uno, y una vez que estás satisfecho con la estructura de la página entonces ya los rellenas con los componentes que quieras y les quitas el color de fondo que pusiste para probar.

    • Marcado como respuesta ManoloT123 jueves, 21 de diciembre de 2017 21:21
    jueves, 21 de diciembre de 2017 20:07
  • Muchas gracias Alberto.
    jueves, 21 de diciembre de 2017 21:21