如何制作Asp.net Gridview标题和第一列frezee？

Question

如何使html表头和第一列冻结，我的代码无法在所有Web浏览器中运行。

链接：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>

Answer 1

检查此演示：FixedHeaderTable.com

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

Answer 2

我会尝试在标题表中放入一个div与另一个相同大小的表格，然后使用css放置溢出滚动...但你必须非常小心你的文件，以便它们匹配...标题列宽...

它很棘手，但我认为它可行。