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">
<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
顶起啊
作者:
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