【已结帖】grid滚动条如何显示？

yeziyq · 发表于 2014-8-31 22:07:38

我参照在线示例的表格代码，然后修改了如下：
<%@ 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">
<f

ageManager ID="

ageManager1" runat="server" />
<f

atePicker runat="server" Required="true" Label="查询日期" EmptyText="请选择日期" ID="dpDate" ShowRedStar="True" Width="300px">
</f

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

abel ID="Label1" runat="server" Text='<%# Container.DataItemIndex + 1 %>'></asp

abel>
                  </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 />
      <f

abel ID="labResult" EncodeText="false" runat="server">
</f

abel>
<br />
</form>
</body>
</body>
</html>
显示的时候，有些列都已经被遮挡住了，为什么没有显示横向的滚动条？还需要进行其它的设置吗？

yeziyq · 发表于 2014-8-31 22:16:34

顶起啊

yeziyq · 发表于 2014-9-1 09:51:17

没人回么？

yeziyq · 发表于 2014-9-1 20:09:26

水平滚动条怎么显示啊？

sanshi · 发表于 2014-9-2 09:58:28

你给Grid设置宽度或者放在布局中，该出滚动条时自然就出滚动条，无需设置：http://fineui.com/demo_pro/#/demo_pro/grid/grid_width.aspx

felix9520 · 发表于 2014-9-2 17:14:43

我也是这个问题, 拖动列没有自己出横向的滚动条

yeziyq · 发表于 2014-9-4 19:53:40

我搞定了，只要设置height属性就可以了。

Jem · 发表于 2014-10-3 19:37:11

yeziyq 发表于 2014-9-4 19:53
我搞定了，只要设置height属性就可以了。

水平的滚动条怎么跑到height属性去了求详细解释

cssasa · 发表于 2015-6-17 11:09:36

我试了，设置height属性，滚动条出来了

sanshi · 发表于 2015-6-17 11:26:43

表格的滚动条会自动显示隐藏，无需特殊设置。

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

		自动登录	找回密码
密码			立即注册