DataGrid的行高列宽问题

Amberilee 2005-04-21 04:14:10
我给每个column都写了ItemStyle,可是看起来毫无作用,
header高度拉得很大,而且每一个字段我即使写了align=center,
还是明显右对齐而不是居中,导致只有2个字符,宽度也明明够的,
还是挤成了2行,晕死我,怎么也改不过来。

<asp:DataGrid ID=datagrid1 Runat=server AllowPaging=True AllowSorting=true
AutoGenerateColumns=false PageSize=10 AlternatingItemStyle-HorizontalAlign="Center" AllowCustomPaging=false style="Z-INDEX: 114;width:1410px;height:480px"
PagerStyle-Mode=NextPrev PagerStyle-HorizontalAlign=left PagerStyle-NextPageText="下一页" PagerStyle-PrevPageText="上一页"
PagerStyle-Font-Name=宋体 PagerStyle-Font-Overline=False PagerStyle-Font-Size=12px PagerStyle-ForeColor=#FF6633 OnPageIndexChanged="DataGrid1_Page" FooterStyle-Height=15px>
<ItemStyle HorizontalAlign="Center" BackColor="#F2F3F4"></ItemStyle>
<HeaderStyle HorizontalAlign="left" CssClass="bod" BackColor="#C7CBD3" Width=15px />

<columns>
<asp:BoundColumn DataField="数量" HeaderText="数量">
<ItemStyle HorizontalAlign="Center" CssClass=bod VerticalAlign=Middle Width=70px Height=20px/>
</asp:BoundColumn>
</columns>
...全文
232 13 打赏 收藏 转发到动态 举报
写回复
用AI写文章
13 条回复
切换为时间正序
请发表友善的回复…
发表回复
jamex 2005-09-02
  • 打赏
  • 举报
回复
MyDataGrid.Items[0].Cells[0].Style.Add("width","60");
hchxxzx 2005-04-27
  • 打赏
  • 举报
回复
楼主的代码设置行太乱了,重新修改一下.操作方法如下:
右键点击DATAGRID-属性生成器-格式-右侧"对象"里面,列-点击列名-设置它的宽度,再点击列名前的加号-设置页眉-设置页脚
设置页眉时要注意将"单元格内换行"不打勾.
这样设置,主要是由页眉行的宽度控制以下各行中列的宽度,一个表格里面,只要第一行的各列宽度定好,剩余的各行的列宽度就由第一行的列宽度决定.
kv4000 2005-04-27
  • 打赏
  • 举报
回复
如果楼主e文好

建议看看如何设置行高的
http://www.codeguru.com/Csharp/Csharp/cs_controls/datagrid/article.php/c4785
Amberilee 2005-04-22
  • 打赏
  • 举报
回复
早上来up一下!
Amberilee 2005-04-21
  • 打赏
  • 举报
回复
我给每一列的ItemStyle写了wrap=false
现在是不自动换行了,可是还是右对齐
愁死我了
ld_thinking 2005-04-21
  • 打赏
  • 举报
回复
把换行给禁止了试试
Amberilee 2005-04-21
  • 打赏
  • 举报
回复
我试着按yohomonkey(思考中的猴)说的在DG里修改格式,如下
<asp:DataGrid ID=datagrid1 Runat=server AllowPaging=True AllowSorting=true
AutoGenerateColumns=false PageSize=10 AlternatingItemStyle-HorizontalAlign="Center" AllowCustomPaging=false style="Z-INDEX: 114;width:1410px;height:480px"
PagerStyle-Mode=NextPrev PagerStyle-HorizontalAlign=left PagerStyle-NextPageText="下一页" PagerStyle-PrevPageText="上一页"
PagerStyle-Font-Name=宋体 PagerStyle-Font-Overline=False PagerStyle-Font-Size=12px PagerStyle-ForeColor=#FF6633 OnPageIndexChanged="DataGrid1_Page" FooterStyle-Height=15px HeaderStyle-Height=12px
CssClass=bod HeaderStyle-BackColor="#C7CBD3" ItemStyle-Width=13px ItemStyle-BackColor="#F2F3F4" ItemStyle-HorizontalAlign=Center FooterStyle-VerticalAlign=Bottom HeaderStyle-HorizontalAlign=Center>
然后下面每一列的headerstyle和itemstyle都去掉了,现在宽度是缩回去了,可是居中显示还是不行,老是右对齐,变成了2行。还有如果要去掉每列的headerstyle和itemstyle标签,每个字段的宽度岂不是不由我控制了???我希望设每列的宽度。
y3q3 2005-04-21
  • 打赏
  • 举报
回复
你试过不用层叠样式吗?
yohomonkey 2005-04-21
  • 打赏
  • 举报
回复
楼主,你可以直接在DG的页面属性里面修改DG的格式。
renyu732 2005-04-21
  • 打赏
  • 举报
回复
加个CSS
Amberilee 2005-04-21
  • 打赏
  • 举报
回复
有点害怕,贴上来太多了,呵呵

从body贴起吧

<center>
<body bgcolor="#CCCCCC" text="#333333" link="#666666" vlink="#999999" alink="#FFFFFF" leftmargin="1" topmargin="0" marginwidth="0" marginheight="1">
<form runat=server method=post action="EditMaterials.aspx">

<table width="748" height="302" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" width="753" height="302"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="748" height="333">
<param name="_cx" value="19685">
<param name="_cy" value="7646">
<param name="FlashVars" value>
<param name="Movie" value="js7_1.swf">
<param name="Src" value="js7_1.swf">
<param name="WMode" value="Window">
<param name="Play" value="0">
<param name="Loop" value="0">
<param name="Quality" value="High">
<param name="SAlign" value>
<param name="Menu" value="0">
<param name="Base" value>
<param name="AllowScriptAccess" value="always">
<param name="Scale" value="ShowAll">
<param name="DeviceFont" value="0">
<param name="EmbedMovie" value="0">
<param name="BGColor" value>
<param name="SWRemote" value>
<param name="MovieData" value><embed src="js7_1.swf" width="748" height="289" loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" menu="false"></object></td>
</tr>
</table>

<table border="0" cellpadding="0" width="748" cellspacing="0" id="table1" height="54">
<tr>
<td height="30" bgcolor=#6B6B6A>
<table border="0" cellpadding="0" width="64%" cellspacing="0" id="table2">
<tr>
<td width="29"> </td>
<td width="93" style="font-size:12px;color:#ffffff;font-family=宋体">招聘信息管理</td>
<td width="24"> </td>
<td style="font-size:12px;color:#ffffff;font-family=宋体">帐户管理</td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor=#F08F1D>

<table border="0" cellpadding="0" width="54%" cellspacing="0" id="table3">
<tr>
<td width="20"> </td>
<td width="72" style="font-size:12px;color:#000000;font-family:宋体"><asp:linkbutton id=linkbutton1 onclick=linkbutton1_click runat=server>添加职务</asp:linkbutton></td>
<td width="26" style="font-size:12px;color:#000000;font-family:宋体">|</td>
<td width="77" style="font-size:12px;color:#000000;font-family:宋体"><a href="ManageMaterials.aspx">职务管理</a></td>
<td width="27" style="font-size:12px;color:#000000;font-family:宋体">|</td>
<td style="font-size:12px;color:#000000;font-family:宋体"><a href="ManafeCat.aspx">类别管理</a></td>
</tr>
</table>
</td>
</tr>
</table>

<table border="0" cellpadding="0" width=748 cellspacing="0" id="table1" bgcolor="#FFFFFF">
<tr valign=top>
<td class=bod ><%=session("CN")%> 您好!以下是您添加的职务信息,您可以选择项目进行编辑修改。</td>
</tr>
<tr valign=bottom>
<td class=bod align=center>招聘管理</td>
</tr>

<tr>
<td> 
<asp:panel id="panel1" style="Z-INDEX: 101;OVERFLOW: auto;width:748px;height:500px" runat="server">
<asp:DataGrid ID=datagrid1 Runat=server AllowPaging=True AllowSorting=true
AutoGenerateColumns=false PageSize=10 AlternatingItemStyle-HorizontalAlign="Center" AllowCustomPaging=false style="Z-INDEX: 114;width:1410px;height:480px"
PagerStyle-Mode=NextPrev PagerStyle-HorizontalAlign=left PagerStyle-NextPageText="下一页" PagerStyle-PrevPageText="上一页"
PagerStyle-Font-Name=宋体 PagerStyle-Font-Overline=False PagerStyle-Font-Size=12px PagerStyle-ForeColor=#FF6633 OnPageIndexChanged="DataGrid1_Page" FooterStyle-Height=15px>
<ItemStyle HorizontalAlign="Center" BackColor="#F2F3F4"></ItemStyle>
<HeaderStyle HorizontalAlign="left" CssClass="bod" BackColor="#C7CBD3" Width=15px />
<columns>
<asp:BoundColumn DataField="数量" HeaderText="数量">

<ItemStyle HorizontalAlign="Center" CssClass=bod VerticalAlign=Middle Width=70px Height=20px/>
</asp:BoundColumn>

<asp:BoundColumn DataField="职位类型" HeaderText="职位类型" >

<ItemStyle HorizontalAlign="Center" CssClass=bod VerticalAlign=Middle Width=120px Height=20px />
</asp:BoundColumn>

<asp:BoundColumn DataField="职位代号" HeaderText="职位代号" >

<ItemStyle HorizontalAlign=Center CssClass=bod VerticalAlign=Middle Width=120px Height=20px />
</asp:BoundColumn>

<asp:BoundColumn DataField="职位" HeaderText="职位" >

<ItemStyle HorizontalAlign=Center CssClass=bod VerticalAlign=Middle Width=120px Height=20px />
</asp:BoundColumn>

<asp:BoundColumn DataField="材质" HeaderText="材质" >

<ItemStyle HorizontalAlign=Center CssClass=bod VerticalAlign=Middle Width=70px Height=20px />
</asp:BoundColumn>

<asp:BoundColumn DataField="规格" HeaderText="规格" >

<ItemStyle HorizontalAlign=Center CssClass=bod VerticalAlign=Middle Width=70px Height=20px />
</asp:BoundColumn>

<asp:BoundColumn DataField="级别" HeaderText="级别" >

<ItemStyle HorizontalAlign=Center CssClass=bod VerticalAlign=Middle Width=70px Height=20px />
</asp:BoundColumn>

<asp:BoundColumn DataField="单位" HeaderText="单位" >

<ItemStyle HorizontalAlign=Center CssClass=bod VerticalAlign=Middle Width=70px Height=20px />
</asp:BoundColumn>

<asp:BoundColumn DataField="薪资" HeaderText="薪资" >

<ItemStyle HorizontalAlign=Center CssClass=bod VerticalAlign=Middle Width=120px Height=20px />
</asp:BoundColumn>

<asp:BoundColumn DataField="提交方式" HeaderText="提交方式" >

<ItemStyle HorizontalAlign=Center CssClass=bod VerticalAlign=Middle Width=180px Height=20px />
</asp:BoundColumn>

<asp:BoundColumn DataField="近期形式" HeaderText="近期形式" >

<ItemStyle HorizontalAlign=Center CssClass=bod VerticalAlign=Middle Width=120px Height=20px />
</asp:BoundColumn>

<asp:BoundColumn DataField="有效期限" HeaderText="有效期限" >

<ItemStyle HorizontalAlign=Center CssClass=bod VerticalAlign=Middle Width=120px Height=20px />
</asp:BoundColumn>



<asp:BoundColumn DataField="提交时间" HeaderText="添加时间" >

<ItemStyle HorizontalAlign=Center CssClass=bod VerticalAlign=Middle Width=120px Height=20px />
</asp:BoundColumn>

<asp:HyperLinkColumn
HeaderText="修改"
DataNavigateUrlField="ID"
DataNavigateUrlFormatString="Edit.aspx?ID={0}"
DataTextField="ID"
Target="_self"
DataTextFormatString="<img border=0 Alt='修改' src='Images/edit.gif'><font color='blue'>修改</font>">
<ItemStyle HorizontalAlign=Center CssClass=bod VerticalAlign=Middle Width=120px Height=20px />

</asp:HyperLinkColumn>



</columns>
</asp:DataGrid></asp:panel></td>
</tr>

</table>
sean168 2005-04-21
  • 打赏
  • 举报
回复
DataGrid 的<ItemStyle Wrap="False"></ItemStyle>单元格不允许换行,还有尽量不要这样写Width="100%"
y3q3 2005-04-21
  • 打赏
  • 举报
回复
能看看你HTML代码吗?

62,266

社区成员

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

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

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

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