2010-02-08 4 views
1
<asp:Panel ID="Panel2" style="width:720px; border-style: outset; border-width: 4px; " runat="server" ScrollBars="Horizontal"> 
<script src="Scripts/jquery-1.2.6.js" type="text/javascript"></script> 
<script src="Scripts/webtoolkit.jscrollable.js" type="text/javascript"></script> 
<script src="Scripts/webtoolkit.scrollabletable.js" type="text/javascript"></script>  

<script type="text/javascript"> 
    $(document).ready(function() { 
     jQuery('#<%=GridView2.ClientID%>').Scrollable(400, 2000); 
    }); 
</script> 

    <asp:GridView ID="GridView2" runat="server" 
     DataSourceID="SqlDataSource1" OnPreRender="GridView2_PreRender" 
     onrowcreated="GridView1_RowCreated" Width="100%" 
     ondatabound="GridView2_DataBound" CellPadding="4" ForeColor="#333333" 
     GridLines="both"> 
     <RowStyle BackColor="#F7F6F3" ForeColor="#333333" /> 
     <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" /> 
     <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" /> 
     <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" /> 
     <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" /> 
     <EditRowStyle BackColor="#999999" /> 
     <AlternatingRowStyle BackColor="White" ForeColor="#284775" /> 
    </asp:GridView> 

jQuery를 FixedHeaderRow 스크립트 - 동적 스크롤 폭 (제어 방법)

열 수는 약 20이 보이는 경우 완벽한 (제외 : 난에 스크롤 수평 스크롤 전에 세로 스크롤 막대를 볼 수 없습니다 올바른 범위

그러나 열 개수가 4 인 경우 각 열과 가로 스크롤에 대해 2000 년 너비와 500pt가 동일합니다. -S가 실패했습니다.

이 너비를 제어 할 수있는 방법이 있습니까 ???

감사합니다.

답변

1

나는 width 속성이 선택 사항이라고 생각합니다. 설정하지 않으면 jquery 스크립트는 현재 테이블 너비를 기본값으로 취해야합니다.

+0

하하하 _ Cynede

+0

당신은 건강합니다! 참고 : 최근에 webtoolkit.jscrollable.js 스크립트도 사용하려고했습니다. 내 경험에 비추어 볼 때 IE 8에서는 작동하지 않지만 (내용 스크롤은 있지만 머리글 또한 스크롤됩니다.) 또한 crhome 및 safari에서는 작동하지 않습니다. –