读书人

asp.net页面添滚动条

发布时间: 2012-11-07 09:56:10 作者: rapoo

asp.net页面加滚动条
以下是我的页面代码,请问如果给它加一个左右滚动条,gridview数据放不下了,页面是在ifram框架里的,请大家帮忙看看[code=HTML][/code]<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
body
{
font-family: "宋体";
font-size: 12px;
margin: 0px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" CssClass="grid"
CellPadding="4" ForeColor="#333333" GridLines="None">
<AlternatingRowStyle BackColor="White" ForeColor="#284775" />
<Columns>
<asp:BoundField DataField="DateId" HeaderText="用户编号">
<HeaderStyle Width="6%" HorizontalAlign="Center" />
<ItemStyle Width="6%" HorizontalAlign="Center" />
</asp:BoundField>
<asp:BoundField DataField="DemandSideType" HeaderText="类型">
<HeaderStyle Width="8%" HorizontalAlign="Center" />
<ItemStyle Width="8%" HorizontalAlign="Center" />
</asp:BoundField>
<asp:BoundField DataField="UrgentDegree" HeaderText="紧急程度">
<HeaderStyle Width="8%" HorizontalAlign="Center" />
<ItemStyle Width="8%" HorizontalAlign="Center" />
</asp:BoundField>
<asp:BoundField DataField="ProductName" HeaderText="产品">
<HeaderStyle Width="8%" HorizontalAlign="Center" />
<ItemStyle Width="8%" HorizontalAlign="Center" />
</asp:BoundField>
<asp:BoundField DataField="Demandcontent" HeaderText="需求内容">
<HeaderStyle Width="8%" HorizontalAlign="Center" />
<ItemStyle Width="8%" HorizontalAlign="Center" />
</asp:BoundField>
<asp:BoundField DataField="DemandFujian" HeaderText="附件">
<HeaderStyle Width="8%" HorizontalAlign="Center" />
<ItemStyle Width="8%" HorizontalAlign="Center" />
</asp:BoundField>
<asp:BoundField DataField="Proponent" HeaderText="提出人">
<HeaderStyle Width="8%" HorizontalAlign="Center" />
<ItemStyle Width="8%" HorizontalAlign="Center" />
</asp:BoundField>
<asp:BoundField DataField="ProjectLeader" HeaderText="技术负责人">


<HeaderStyle Width="8%" HorizontalAlign="Center" />
<ItemStyle Width="8%" HorizontalAlign="Center" />
</asp:BoundField>
<asp:BoundField DataField="DemandSideType" HeaderText="开发类型">
<HeaderStyle Width="8%" HorizontalAlign="Center" />
<ItemStyle Width="8%" HorizontalAlign="Center" />
</asp:BoundField>
<asp:BoundField DataField="DemandSideType" HeaderText="开发人员">
<HeaderStyle Width="8%" HorizontalAlign="Center" />
<ItemStyle Width="8%" HorizontalAlign="Center" />
</asp:BoundField>
<asp:BoundField DataField="ProjectState" HeaderText="当前状态">
<HeaderStyle Width="8%" HorizontalAlign="Center" />
<ItemStyle Width="8%" HorizontalAlign="Center" />
</asp:BoundField>
<asp:BoundField DataField="ProjectState" HeaderText="预计开始日期">
<HeaderStyle Width="8%" HorizontalAlign="Center" />
<ItemStyle Width="8%" HorizontalAlign="Center" />
</asp:BoundField>
<asp:BoundField DataField="ProjectState" HeaderText="预计结束日期">
<HeaderStyle Width="8%" HorizontalAlign="Center" />
<ItemStyle Width="8%" HorizontalAlign="Center" />
</asp:BoundField>
<asp:BoundField DataField="ProjectState" HeaderText="延期开始日期">
<HeaderStyle Width="8%" HorizontalAlign="Center" />
<ItemStyle Width="8%" HorizontalAlign="Center" />
</asp:BoundField>
<asp:BoundField DataField="ProjectState" HeaderText="延期结束日期">
<HeaderStyle Width="8%" HorizontalAlign="Center" />
<ItemStyle Width="8%" HorizontalAlign="Center" />
</asp:BoundField>
<asp:BoundField DataField="ProjectState" HeaderText="总工期">
<HeaderStyle Width="8%" HorizontalAlign="Center" />
<ItemStyle Width="8%" HorizontalAlign="Center" />
</asp:BoundField>
<asp:BoundField DataField="ProjectState" HeaderText="备注">
<HeaderStyle Width="10%" HorizontalAlign="Center" />
<ItemStyle Width="10%" HorizontalAlign="Center" />
</asp:BoundField>
<asp:TemplateField HeaderText="编辑">
<HeaderStyle Width="8%" HorizontalAlign="Center" />
<ItemStyle Width="8%" HorizontalAlign="Center" />
<ItemTemplate>
<asp:LinkButton ID="lbtnEdit" runat="server" CommandArgument='<%#Eval("DateId") %>'>编辑</asp:LinkButton>


</ItemTemplate>
<ItemStyle Width="20" />
<HeaderStyle Width="30" />
</asp:TemplateField>
</Columns>
<EditRowStyle BackColor="#999999" />
<FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
<RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
<SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
<SortedAscendingCellStyle BackColor="#E9E7E2" />
<SortedAscendingHeaderStyle BackColor="#506C8C" />
<SortedDescendingCellStyle BackColor="#FFFDF8" />
<SortedDescendingHeaderStyle BackColor="#6F8DAE" />
</asp:GridView>
</div>
</form>
</body>
</html>


[解决办法]
jquery控件
http://www.cnblogs.com/xiufei/archive/2011/02/22/1961756.html
[解决办法]
添加CSS

C# code
<table style="border:1px solid #e7e7e7; border-bottom:none; border-right:none; width:1500px;" cellpadding="0" cellspacing="0" >              <tr class="user_tabletit" style="background-image:url(../../images/user_ny_11.gif); background-repeat:repeat-x;">                 <td class="user_tableg" style="width:10px;word-break: keep-all;white-space:nowrap;">序号</td>                 <td class="user_tableg" style="width:140px;word-break: keep-all;white-space:nowrap;">订单</td>                 <td class="user_tableg" style="width:100px;word-break: keep-all;white-space:nowrap;">操作人</td>                 </tr>              <asp:Repeater ID="rptList" runat="server" OnItemDataBound="rptList_ItemDataBound" OnItemCommand="rptList_ItemCommand">                  <ItemTemplate>                     <tr class="contr">                        <td style="word-break: keep-all;white-space:nowrap; text-align:center;"><%# this.rptList.Items.Count + 1%></td>                        <td class="user_td" style="word-break: keep-all;white-space:nowrap;"><%# Eval("orderid")%></td>                        <td class="user_td" style="word-break: keep-all;white-space:nowrap;"><%# Eval("operator")%></td>                        </tr>                  </ItemTemplate>               </asp:Repeater>          </table>
[解决办法]
<div style="overflow: scroll; width: 100%; position: relative;">
overflow属性,自己多试试

读书人网 >asp.net

热点推荐