none
como mantener flotando una columna de gridview RRS feed

  • Pregunta

  • tengo dos gridview cada una al final de la tabla tengo un boton en uno "agregar" que pasa ese renglon al otro grid y el otro grid tiene un boton "quitar" que regresa el renglon al primer grid.

    lo que quiero hacer como tengo 7 columnas  en cada grid y el grid la tengo con scrollbar para darle un ancho de default. pero quiero que siempre me muestre la columna del boton al moberle al scrollbar

    martes, 25 de agosto de 2015 15:18

Respuestas

  • Hola monkeeneitor,

    Gracias por consultar en los foros. Voy a cerrar el thread, debido a falta de información. Recuerda que si aún no solucionas tu problema, siempre puedes desmarcarlo y proporcionarnos más detalles.

    Saludos,

    Karen.

    _________________


    Por favor, recuerde "Marcar como respuesta" las respuestas que hayan resuelto su problema.

    Es una forma común de reconocer a aquellos que han ayudado, y hace que sea más fácil para los otros visitantes encontrar la solución más tarde.

    Microsoft ofrece este servicio de forma gratuita, con la finalidad de ayudar a los usuarios y la ampliación de la base de datos de conocimientos relacionados con los productos y tecnologías de Microsoft. Este contenido es proporcionado "tal cual" y no implica ninguna responsabilidad de parte de Microsoft.

    viernes, 28 de agosto de 2015 21:03
    Moderador

Todas las respuestas

  • Hola monkeeneitor.

    Esto lo puedes conseguir usando hojas de estilos.

    ASPX

    <div id="scrolledGridView">
        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False">
            <Columns>
                <asp:BoundField DataField="ID" HeaderText="Col 1">
                    <HeaderStyle CssClass="pinned col1"></HeaderStyle>
                    <ItemStyle CssClass="pinned col1"></ItemStyle>
                </asp:BoundField>
                <asp:BoundField DataField="Name" HeaderText="Column 2">
                    <HeaderStyle CssClass="pinned col2"></HeaderStyle>
                    <ItemStyle CssClass="pinned col2"></ItemStyle>
                </asp:BoundField>
                <asp:BoundField DataField="Description" HeaderText="Column 3">
                    <HeaderStyle CssClass="scrolled"></HeaderStyle>
                    <ItemStyle CssClass="scrolled"></ItemStyle>
                </asp:BoundField>
                <asp:BoundField DataField="Cost" HeaderText="Column 4">
                    <HeaderStyle CssClass="scrolled"></HeaderStyle>
                    <ItemStyle CssClass="scrolled"></ItemStyle>
                </asp:BoundField>
            </Columns>
        </asp:GridView>


    CSS

    #scrolledGridView
        {
            overflow-x: scroll; 
            text-align: left;
            width: 400px; /* i.e. too small for all the columns */
        }
    
        .pinned
        {
            ; /* i.e. not scrolled */
            background-color: White; /* prevent the scrolled columns showing through */
            z-index: 100; /* keep the pinned on top of the scrollables */
        }
        .scrolled
        {
            ;
            left: 150px; /* i.e. col1 Width + col2 width */
            overflow: hidden;
            white-space: nowrap;
            min-width: 500px; /* set your real column widths here */
        }
        .col1
        {
            left: 0px;
            width: 50px;
        }
        .col2
        {
            left: 50px; /* i.e. col1 Width */
            width: 100px;
        }

    Las columnas que parecen flotantes, o estaticas son a las que se les asigna la clase "pinned", y las otras columnas se "scrolean".

    Fuente: http://stackoverflow.com/questions/13529532/freeze-asp-net-grid-view-column.

    Si se te complica, también existe un control que permite hacer lo que indicas, aquí la referencias en Github

    https://github.com/twlikol/GridViewScroll

    Espero que esto te ayude.

    Saludos,

    @norrojas

    martes, 25 de agosto de 2015 16:23
  • con el scrolled solo se alargan las columnas

    y con el pinned no pasa nada solo se pone en blanco la columna.

    a y tambien pasa esto

    .scrolledGridView
        {
            overflow-x : scroll; 
            text-alignleft;
            width50em/* i.e. too small for all the columns */
        }

    en el overflow-x dice esto 'overflow-x' no es un nombre de la propiedad css conocido

     

    martes, 25 de agosto de 2015 18:42
  • Podrías compartirnos, como esta tú código.

    Este ejemplo funciona, yo lo revise. Igual te esta faltando algo.

    Saludos,

    @norrojas

    martes, 25 de agosto de 2015 20:30
  • Hola monkeeneitor,

    Gracias por consultar en los foros. Voy a cerrar el thread, debido a falta de información. Recuerda que si aún no solucionas tu problema, siempre puedes desmarcarlo y proporcionarnos más detalles.

    Saludos,

    Karen.

    _________________


    Por favor, recuerde "Marcar como respuesta" las respuestas que hayan resuelto su problema.

    Es una forma común de reconocer a aquellos que han ayudado, y hace que sea más fácil para los otros visitantes encontrar la solución más tarde.

    Microsoft ofrece este servicio de forma gratuita, con la finalidad de ayudar a los usuarios y la ampliación de la base de datos de conocimientos relacionados con los productos y tecnologías de Microsoft. Este contenido es proporcionado "tal cual" y no implica ninguna responsabilidad de parte de Microsoft.

    viernes, 28 de agosto de 2015 21:03
    Moderador