DataGrid 열 고정

Question

ASP.NET Datagrid 웹 컨트롤에서 첫 번째 열을 고정해야합니다.

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