首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

asp.net页面添滚动条

2012-11-07 
asp.net页面加滚动条以下是我的页面代码,请问如果给它加一个左右滚动条,gridview数据放不下了,页面是在ifr

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属性,自己多试试

热点排行