C# 冻结数据网格列

C# 冻结数据网格列,c#,asp.net,datagrid,C#,Asp.net,Datagrid,我需要冻结ASP.NET Datagrid web控件中的第一列 我有大约20个专栏。我正在使用VisualStudio2008 它应该像Excel一样。还需要冻结标题以及 有人能帮我吗?试试这个 <div class="container"> <asp:GridView ID="grdview_items" runat="server" DataSourceID="SDS_items" EnableViewState="false" Width="800"> <

我需要冻结ASP.NET Datagrid web控件中的第一列

我有大约20个专栏。我正在使用VisualStudio2008

它应该像Excel一样。还需要冻结标题以及

有人能帮我吗?

试试这个

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

.集装箱
{
溢出:自动;
左边距:10px;
高度:300px;
宽度:710px;
}
.grdview_标题
{
颜色:#330000;
位置:绝对位置;
显示:块;
宽度:790px;
页边顶部:-1px;
}
$(文档).ready(函数(){
$('.container tr>td:nth child(2)').css(“背景色”、“EAEAEA”).css(“位置”、“绝对”);
});