C# 具有水平和垂直冻结窗格的Gridview

在你说之前，这个问题是可以重复的

但无论是水平还是垂直，都没有解决方案

我有一个像这样的

Gridview

这是我的

Gridview

code；（抱歉，代码太长）

我想要的是，当我向下滚动时，经典的

标题

冻结窗格；当我向右滚动时，在

TEMSİLCİ

列冻结窗格之后。（TEMSİLCİ列应稳定，当我向右滚动时，其他列移动）

---

是否可以使用CSS或其他方式？

我可以轻松地冻结标题，并且有幸冻结了您想要的任何列。但水平滚动是一个问题。对于标题，我使用了Css，对于列，我在jquery的帮助下操作Css。通过更多的调整，它可以实现

<div class="container">
<asp:GridView ID="grdview_items" runat="server"
DataSourceID="SDS_items" 
EnableViewState="false" Width="800">
<HeaderStyle  CssClass="grdview_headers"  />
 <Columns>
<asp:TemplateField HeaderStyle-Width="200px" ItemStyle-Width="200px"  HeaderText="Item1"><ItemTemplate></ItemTemplate></asp:TemplateField>
<asp:TemplateField HeaderStyle-Width="300px" ItemStyle-Width="300px"   HeaderText="Item2"><ItemTemplate></ItemTemplate></asp:TemplateField>
<asp:TemplateField HeaderStyle-Width="300px" ItemStyle-Width="300px"    HeaderText="Item3"><ItemTemplate></ItemTemplate></asp:TemplateField>
</Columns>
</asp:GridView>
</div>
<style>
.container 
{
    overflow:auto;
    margin-left:10px;
    height:300px; 
    width:710px;
 }

.grdview_headers
{
    color:#330000; 
    position:absolute;
    display:block;
    width:790px;
    margin-top:-1px;
}

</style>
<script type="text/javascript">
    $(document).ready(function () {
        $('.container tr>td:nth-child(2)').css("background-color", "#EAEAEA").css("position", "absolute");
    });
</script>

.集装箱
{
溢出：自动；
左边距：10px；
高度：300px；
宽度：710px；
}
.grdview_标题
{
颜色：#330000；
位置：绝对位置；
显示：块；
宽度：790px；
页边顶部：-1px；
}
$（文档）.ready（函数（）{
$（'.container tr>td:nth child（2）'）.css（“背景色”，“EAEAEA”）.css(
<div class="container">
<asp:GridView ID="grdview_items" runat="server"
DataSourceID="SDS_items" 
EnableViewState="false" Width="800">
<HeaderStyle  CssClass="grdview_headers"  />
 <Columns>
<asp:TemplateField HeaderStyle-Width="200px" ItemStyle-Width="200px"  HeaderText="Item1"><ItemTemplate></ItemTemplate></asp:TemplateField>
<asp:TemplateField HeaderStyle-Width="300px" ItemStyle-Width="300px"   HeaderText="Item2"><ItemTemplate></ItemTemplate></asp:TemplateField>
<asp:TemplateField HeaderStyle-Width="300px" ItemStyle-Width="300px"    HeaderText="Item3"><ItemTemplate></ItemTemplate></asp:TemplateField>
</Columns>
</asp:GridView>
</div>
<style>
.container 
{
    overflow:auto;
    margin-left:10px;
    height:300px; 
    width:710px;
 }

.grdview_headers
{
    color:#330000; 
    position:absolute;
    display:block;
    width:790px;
    margin-top:-1px;
}

</style>
<script type="text/javascript">
    $(document).ready(function () {
        $('.container tr>td:nth-child(2)').css("background-color", "#EAEAEA").css("position", "absolute");
    });
</script>