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>
​