asp.net - una - ¿Cómo podemos tener un GridView DESPLAZABLE con cabecera fija?

poner scroll a un gridview asp net

Question

¿Cómo podemos tener un GridView SCROLLABLE con encabezado fijo ??? (en vs 2008 - asp.net con c #)

¡El encabezado fijo es mi problema!

Pruebo muchas maneras de hacerlo y veo algunos demos en vivo / pero no funcionaron.

¿Puedes mostrarme de una manera simple 4 haciendo eso con un ejemplo?

Answer 1

El siguiente enlace contiene ordenación jquery y gridview con encabezados fijos

http://www.aspsnippets.com/Articles/Scrollable-GridView-with-Fixed-Headers-and-Client-Side-Sorting-using-jQuery-in-ASP.Net.aspx

Answer 2

Esta publicación de blog puede ayudarte:

http://www.dotnetcurry.com/ShowArticle.aspx?ID=255&AspxAutoDetectCookieSupport=1

Él ha encontrado una manera de crear encabezados y pies de página de grilla fija usando un poco de jQuery. No lo he intentado yo mismo, pero a juzgar por los comentarios, funciona para muchas personas.

Answer 3

dos tablas, una para el encabezado y otra para el contenido. El único problema es que necesita establecer anchuras específicas para cada columna.

<style>
    .tbl th { border: 1px solid black; background:#DDD; }
    .tbl td { border: 1px solid black; border-top:none }
    .scroll { height:80px; overflow-y:auto }
</style>

<table class="tbl">
    <colgroup>
        <col style="width:100px" />
        <col style="width:150px" />
    </colgroup>
    <tr>
        <th>header1</th>
        <th>header2</th>
    </tr>
 </table>

<div class="scroll">
    <table class="tbl">
        <colgroup>
            <!-- same as before -->
            <col style="width:100px" />
            <col style="width:150px" />
        </colgroup>
        <tr><td>....</td><td>...</td></tr>
        <tr><td>....</td><td>...</td></tr>
        <tr><td>....</td><td>...</td></tr>
        <tr><td>....</td><td>...</td></tr>
        <tr><td>....</td><td>...</td></tr>
        <tr><td>....</td><td>...</td></tr>
        <tr><td>....</td><td>...</td></tr>
        <tr><td>....</td><td>...</td></tr>
        <tr><td>....</td><td>...</td></tr>
    </table>
<div>
​