我们怎样才能有一个SCROLLABLE GridView的固定头？ [英] How Can We Have A SCROLLABLE GridView With Fixed Header?

问题描述

固定标题是我的问题！

我们如何使用固定标题具有可滚动的GridView ???（in vs 2008 - asp.net with c＃ p>

我测试了很多方法，并观看了一些现场演示/但他们没有工作。

可以显示我是一个简单的方法4用这样一个例子吗？

解决方案

两个表格，一个用于标题，另一个用于内容。唯一的问题是你需要为每一列设置特定的宽度。

 < style> 
 .tbl th {border：1px纯黑色;背景：#DDD; } 
 .tbl td {border：1px纯黑; 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> 
 <！ - 与以前相同 - > 
< 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> 
 
  

How Can We Have A SCROLLABLE GridView With Fixed Header???(in vs 2008 - asp.net with c#)

Fixed Header is my problem!

i test many ways for doing that and see some live demos / but they did not work.

can u show me a simple way 4 doing that with an example?

解决方案

two tables, one for header and one for content. only problem is that u need to set specific widths for each column.

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

这篇关于我们怎样才能有一个SCROLLABLE GridView的固定头？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！