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代码吗?
winform中自动调节datagrid列宽(c#)
winform中自动调节datagrid列宽(c#)的列子
WinCE Datagrid自定义样式初始化，整行选中，列宽随着内容自动变化，行高随着内容自动变化
WinCE datagrid的自定义样式初始化，整行选中，列宽随着内容自动变化，行高随着内容自动变化，适用于Wince6.0或Wince5.0
WPF DataGrid 拖拽实现
WPF DataGrid 拖拽实现
DataGridView自动调整行高和行宽
DataGridView1.AutoSizeColumnsMode=DataGridViewAutoSizeColumnsMode.AllCellsExceptHeader ///根据数据内容自动调整列宽 DataGridView1.AutoSizeRowsMode = DataGridViewAutoSizeRowsMode.AllCellsExceptHeaders ///根据数据内容自动调整行高 您可能感兴趣的文章:C# DataGridView添加新行的2个方法WinForm中DataGridView添加,删除,修改操作具体方法DataG
easyui datagrid 表格 打印
easyui datagrid表格打印，支持formatter格式化数据的打印，还原的最初datagrid 的表格数据
.NET社区

62,266

社区成员

668,981

社区内容

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

加载中

查看更多榜单
社区公告

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

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

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

+ 用AI写文章