我的aspx网页显示的表格列太窄,字都成竖排的了,怎么改下?让表格宽度超出屏幕也可以。

needanothercoder 2009-06-03 09:35:46
我的aspx网页显示的表格列太窄,字都成竖排的了,怎么改下能控制每列的宽度为某个固定的值?
最好不用样式表,只在下面的代码中改下达到以上目标。
或都实在要用样式表,也请使用能直接加入下面代码的那种,不然我不会用。
页面全部代码如下,请将您的修改以红色标出:

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="BossQuery.aspx.vb" Inherits="ossQuery" %>

<!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>
</head>
<body>
<form id="form1" runat="server">
<div>

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
DataSourceID="SqlDataSource1" style="margin-top: 0px">
<Columns>
<asp:BoundField DataField="号码" HeaderText="号码" SortExpression="号码" />
<asp:BoundField DataField="新号" HeaderText="新号" SortExpression="新号" />
<asp:BoundField DataField="姓名" HeaderText="姓名" SortExpression="姓名" />
<asp:BoundField DataField="电话" HeaderText="电话" SortExpression="电话" />
<asp:BoundField DataField="点数" HeaderText="点数" SortExpression="点数" />
<asp:BoundField DataField="加入时间" HeaderText="加入时间" SortExpression="加入时间" />
<asp:BoundField DataField="通讯地址" HeaderText="通讯地址" SortExpression="通讯地址" />
<asp:BoundField DataField="邮编" HeaderText="邮编" SortExpression="邮编" />
<asp:BoundField DataField="密码" HeaderText="密码" SortExpression="密码" />
<asp:BoundField DataField="银行帐户" HeaderText="银行帐户" SortExpression="银行帐户" />
<asp:BoundField DataField="身份证号" HeaderText="身份证号" SortExpression="身份证号" />
<asp:BoundField DataField="下属数" HeaderText="下属数" ReadOnly="True"
SortExpression="下属数" />
<asp:BoundField DataField="累计提成收入" HeaderText="累计提成收入" ReadOnly="True"
SortExpression="累计提成收入" />
<asp:BoundField DataField="售货数量" HeaderText="售货数量" ReadOnly="True"
SortExpression="售货数量" />
<asp:BoundField DataField="累计售货收入" HeaderText="累计售货收入" ReadOnly="True"
SortExpression="累计售货收入" />
<asp:BoundField DataField="累计合计收入" HeaderText="累计合计收入" ReadOnly="True"
SortExpression="累计合计收入" />
<asp:BoundField DataField="未发提成收入" HeaderText="未发提成收入" ReadOnly="True"
SortExpression="未发提成收入" />
<asp:BoundField DataField="未发售货收入" HeaderText="未发售货收入" ReadOnly="True"
SortExpression="未发售货收入" />
<asp:BoundField DataField="未发合计收入" HeaderText="未发合计收入" ReadOnly="True"
SortExpression="未发合计收入" />
</Columns>
</asp:GridView>
<asp:SqlDataSource ID="SqlDataSource1" runat="server"
ConnectionString="<%$ ConnectionStrings:massConnectionString %>"
SelectCommand="SELECT * FROM [finalpaylist] ORDER BY [号码]"></asp:SqlDataSource>
<br />
<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/EmpPage.aspx">返回</asp:HyperLink>
 <asp:Button ID="Button1" runat="server" Text="结算" />
<br />

</div>
</form>
</body>
</html>
...全文
869 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
andrewsway 2009-06-04
  • 打赏
  • 举报
回复
给表格设置个固定的宽度,定死就可以了

里面的每列觉得哪列可能最长,就不写宽度,其他的写上。
mengxj85 2009-06-04
  • 打赏
  • 举报
回复
[Quote=引用 6 楼 wuyq11 的回复:]
<HeaderStyle Font-Bold="True" HorizontalAlign="Center" Width="8%"> </HeaderStyle>
<ItemStyle Width="15"/>
设置gridview强制换行和自动换行
GridView1.Attributes.Add("style", "word-break:keep-all;word-wrap:normal");
GridView1.Attributes.Add("style", "word-break:break-all;word-wrap:break-word");
[/Quote]
Up强制换行
yumenlong5149 2009-06-04
  • 打赏
  • 举报
回复
[Quote=引用 3 楼 needanothercoder 的回复:]
谢谢,发现问题了
寻求了几个月的答案终于找到了,这之前他们总说必须用什么样式表,原来根本没必要
[/Quote]
什么答案啊,楼主公布呗
wuyq11 2009-06-03
  • 打赏
  • 举报
回复
<HeaderStyle Font-Bold="True" HorizontalAlign="Center" Width="8%"></HeaderStyle>
<ItemStyle Width="15"/>
设置gridview强制换行和自动换行
GridView1.Attributes.Add("style", "word-break:keep-all;word-wrap:normal");
GridView1.Attributes.Add("style", "word-break:break-all;word-wrap:break-word");
wjn161 2009-06-03
  • 打赏
  • 举报
回复
关注……
needanothercoder 2009-06-03
  • 打赏
  • 举报
回复
不过这种方法发现有一个不足,比如银行帐号那列把帐号显示成了:

6221882600071527135

为什么不能显示成
邮6221882600071
527135

数字不能断开?如果我想断呢?
needanothercoder 2009-06-03
  • 打赏
  • 举报
回复
谢谢,发现问题了
寻求了几个月的答案终于找到了,这之前他们总说必须用什么样式表,原来根本没必要
needanothercoder 2009-06-03
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 mengxj85 的回复:]
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" width="1000px"
DataSourceID="SqlDataSource1" style="margin-top: 0px">
<Columns>
<asp:BoundField DataField="号码" HeaderText="号码" SortExpression="号码" >
<ItemStyle Width="6%" />
</asp:BoundField >
[/Quote]
谢谢关注,不好使,出错如下:
“/tpsh”应用程序中的服务器错误。
--------------------------------------------------------------------------------

分析器错误
说明: 在分析向此请求提供服务所需资源时出错。请检查下列特定分析错误详细信息并适当地修改源文件。

分析器错误消息: System.Web.UI.WebControls.DataControlFieldCollection 必须具有类型为“System.Web.UI.WebControls.DataControlField”的项。“ItemStyle”的类型为“System.Web.UI.HtmlControls.HtmlGenericControl”。

源错误:


行 17: <asp:BoundField DataField="新号" HeaderText="新号" SortExpression="新号" />
行 18: <asp:BoundField DataField="姓名" HeaderText="姓名" SortExpression="姓名" />
行 19: <ItemStyle Width="6%"/> 行 20: <</asp:BoundField >
行 21: <asp:BoundField DataField="电话" HeaderText="电话" SortExpression="电话" />


源文件: /tpsh/BossQuery.aspx 行: 19


--------------------------------------------------------------------------------
版本信息: Microsoft .NET Framework 版本:2.0.50727.1433; ASP.NET 版本:2.0.50727.1433
mengxj85 2009-06-03
  • 打赏
  • 举报
回复
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" width="1000px"
DataSourceID="SqlDataSource1" style="margin-top: 0px">
<Columns>
<asp:BoundField DataField="号码" HeaderText="号码" SortExpression="号码" >
<ItemStyle Width="6%" />
</asp:BoundField >

62,074

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧