2010-02-08 42 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 2010-02-08 12:39:06

+0

你好!僅供參考:我最近也嘗試使用webtoolkit.jscrollable.js腳本。根據我的經驗,它不適用於IE 8(內容滾動,但標題也滾動)。此外,它不與crhome和safari一起使用。 – 2010-02-09 08:02:35