FineUI 官方论坛

标题: 【已结帖】grid滚动条如何显示？ [打印本页]
作者: yeziyq    时间: 2014-8-31 22:07
标题: 【已结帖】grid滚动条如何显示？
我参照在线示例的表格代码，然后修改了如下：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="EmptyProjectNet40_FineUI.test" %>
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
    <title></title>
    <link href="./res/css/main.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
        <fageManager ID="ageManager1" runat="server" />        
                <fatePicker runat="server" Required="true" Label="查询日期" EmptyText="请选择日期" ID="dpDate" ShowRedStar="True" Width="300px">
                </fatePicker>
                <f:Button ID="btnSubmit" runat="server" ValidateForms="SimpleForm1" Text="查询">
                </f:Button>
                <f:Button runat="server" ID="Button1" Text="导出为Excel文件">
        </f:Button>        
         <f:Grid ID="Grid1" ShowBorder="true" ShowHeader="false" Title="数据表格"  AutoScroll="true"        
            runat="server" DataKeyNames="Id" >
            <Columns>
                <f:TemplateField Width="50px" EnableColumnHide="false" EnableHeaderMenu="false">
                    <ItemTemplate>
                        <aspabel ID="Label1" runat="server" Text='<%# Container.DataItemIndex + 1 %>'></aspabel>
                    </ItemTemplate>
                </f:TemplateField>
                <f:BoundField Width="100px" DataField="Column1" DataFormatString="{0}" HeaderText="列1" />
                <f:BoundField Width="100px" DataField="Column2" DataFormatString="{0}" HeaderText="列2" />
                <f:BoundField Width="100px" DataField="Column3" DataFormatString="{0}" HeaderText="列3" />
                <f:BoundField Width="100px" DataField="Column4" DataFormatString="{0}" HeaderText="列4" />
                <f:BoundField Width="100px" DataField="Column5" DataFormatString="{0}" HeaderText="列5" />
                <f:BoundField Width="100px" DataField="Column6" DataFormatString="{0}" HeaderText="列6" />
                <f:BoundField Width="100px" DataField="Column7" DataFormatString="{0}" HeaderText="列7" />
                <f:BoundField Width="100px" DataField="Column8" DataFormatString="{0}" HeaderText="列8" />
                <f:BoundField Width="100px" DataField="Column9" DataFormatString="{0}" HeaderText="列9" />
                <f:BoundField Width="100px" DataField="Column10" DataFormatString="{0}" HeaderText="列10" />
                <f:BoundField Width="100px" DataField="Column11" DataFormatString="{0}" HeaderText="列11" />
                <f:BoundField Width="100px" DataField="Column12" DataFormatString="{0}" HeaderText="列12" />
                <f:BoundField Width="100px" DataField="Column13" DataFormatString="{0}" HeaderText="列13" />
                <f:BoundField Width="100px" DataField="Column14" DataFormatString="{0}" HeaderText="列14" />
                <f:BoundField Width="100px" DataField="Column15" DataFormatString="{0}" HeaderText="列15" />
                <f:BoundField Width="100px" DataField="Column16" DataFormatString="{0}" HeaderText="列16" />
                <f:BoundField Width="100px" DataField="Column17" DataFormatString="{0}" HeaderText="列17" />
                <f:BoundField Width="100px" DataField="Column18" DataFormatString="{0}" HeaderText="列18" />
                <f:BoundField DataField="Column19" DataFormatString="{0}" HeaderText="列19" />
                <f:BoundField DataField="Column20" DataFormatString="{0}" HeaderText="列20" />               
            </Columns>
        </f:Grid>     
        <br />
        <fabel ID="labResult" EncodeText="false" runat="server">
        </fabel>
        <br />
    </form>
</body>
</body>
</html>
显示的时候，有些列都已经被遮挡住了，为什么没有显示横向的滚动条？还需要进行其它的设置吗？

作者: yeziyq    时间: 2014-8-31 22:16
顶起啊
作者: yeziyq    时间: 2014-9-1 09:51
没人回么？
作者: yeziyq    时间: 2014-9-1 20:09
水平滚动条怎么显示啊？
作者: sanshi    时间: 2014-9-2 09:58
你给Grid设置宽度或者放在布局中，该出滚动条时自然就出滚动条，无需设置：http://fineui.com/demo_pro/#/demo_pro/grid/grid_width.aspx
作者: felix9520    时间: 2014-9-2 17:14
我也是这个问题, 拖动列没有自己出横向的滚动条
作者: yeziyq    时间: 2014-9-4 19:53
我搞定了，只要设置height属性就可以了。
作者: Jem    时间: 2014-10-3 19:37
yeziyq 发表于 2014-9-4 19:53
我搞定了，只要设置height属性就可以了。

水平的滚动条怎么跑到height属性去了 求详细解释
作者: cssasa    时间: 2015-6-17 11:09
我试了，设置height属性，滚动条出来了
作者: sanshi    时间: 2015-6-17 11:26
表格的滚动条会自动显示隐藏，无需特殊设置。

需要注意给Grid设置宽度高度 或者 放在液面布局中，示例：http://fineui.com/demo_pro/#/demo_pro/grid/grid_width.aspx



欢迎光临 FineUI 官方论坛 (https://fineui.com/BBS/) Powered by Discuz! X3.4