凍結DataGrid列

Question

我需要凍結ASP.NET Datagrid Web控件中的第一列。

我有大約20列。我正在使用visual studio 2008.

它應該像Excel一樣。還需要凍結標題。

任何人都可以幫助我嗎？

Answer 1

試試這個

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