我们如何拥有带有固定标头的可滚动GridView?

时间:2010-10-03 09:21:37

标签: asp.net visual-studio-2008 gridview header scrollable

我们如何拥有带有固定标头的可滚动GridView?(在vs 2008中 - 带有c#的asp.net)

固定标题是我的问题!

我测试了许多方法,并看到了一些现场演示/但它们没有用。

你可以用一个例子向我展示一个简单的方法吗?

3 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

此博文可能会对您有所帮助:

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

他找到了一种使用jQuery创建固定gridview页眉和页脚的方法。我自己没有试过这个,但从评论来看,它适用于很多人。

答案 2 :(得分:0)