如何使 Asp.net Gridview 标题和第一列冻结？答案

【问题标题】：How to make Asp.net Gridview header and first column frezee?如何使 Asp.net Gridview 标题和第一列冻结？
【发布时间】：2011-01-27 15:00:18
【问题描述】：

如何使 html 表头和第一列冻结，我的代码不适用于所有网络浏览器。

链接：http://jsfiddle.net/avFBx/

如何制作？

css代码：

.tbl th
        {
            background-color: Aqua;
            position: relative;
        }        
        .locked
        {
            background-color: Red;
            position: relative;
        }
        #divgrid
        {
            height: 150px;
            width: 350px;
            overflow: auto;
        }

html代码：

<div id="divgrid">
        <table class="tbl">
            <tr>
                <th class="locked">
                    a
                </th>
                <th>
                    b
                </th>
                <th>
                    c
                </th>
                <th>
                    d
                </th>
                <th>
                    e
                </th>
            </tr>
            <tr>
                <td class="locked">
                    aaaaaaaaaaaaaaaa
                </td>
                <td>
                    aaaaaaaaaaaaaaaa
                </td>
                <td>
                    aaaaaaaaaaaaaaaa
                </td>
                <td>
                    aaaaaaaaaaaaaaaa
                </td>
                <td>
                    aaaaaaaaaaaaaaaa
                </td>
            </tr>
</table>
</div>

【问题讨论】：

您介意换个说法吗？我无法理解它。

标签： asp.net html css gridview

【解决方案1】：

查看此演示：FixedHeaderTable.com

它完全是 jQuery，并且完全符合您的要求。

【讨论】：

【解决方案2】：

我会尝试在标题表中放置一个具有相同大小的另一个表的 div，并使用 css 放置溢出滚动...但是您必须非常小心您的测量，以便它们匹配...标题宽度与列宽...

这很棘手，但我认为它可以工作。

【讨论】：

我使用 Asp.net Gridview 控件