C# 栅格视图固定列宽不工作
我已经为我的网格视图设置了固定宽度。现在我想做的下一件事是为我的网格视图中的所有列设置固定宽度。我已经尝试了以下所有选项,但都不起作用。如果解决了这一问题,那就太好了 1) 将所有边界字段的ItemStyle宽度设置为100pxC# 栅格视图固定列宽不工作,c#,asp.net,C#,Asp.net,我已经为我的网格视图设置了固定宽度。现在我想做的下一件事是为我的网格视图中的所有列设置固定宽度。我已经尝试了以下所有选项,但都不起作用。如果解决了这一问题,那就太好了 1) 将所有边界字段的ItemStyle宽度设置为100px <asp:BoundField DataField="Customer_Name" HeaderText="Customer" SortExpression="Customer_Name" ItemStyle-HorizontalAlign="Center"
<asp:BoundField DataField="Customer_Name" HeaderText="Customer" SortExpression="Customer_Name" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="100px"/>
3) 定义css并在RowDataBound事件中调用css
源代码:-
.columnwidth {
width: 150px;
}
代码隐藏:
protected void RPMData_RowDataBound(object sender, GridViewRowEventArgs e) {
if (e.Row.RowType == DataControlRowType.DataRow) {
for (int i = 0; i > e.Row.Cells.Count; i++) {
e.Row.Cells[i].CssClass = "columnwidth";
}
}
}
为gridview定义的CSS:
.infoTable {
font-size: 11px;
border: #ccc 1px solid;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-family:Arial;
width:50% !important;
}
尝试使用重要的css
<style type="text/css">
.columnwidth
{
width: 150px!important;
}
</style>
.栏宽
{
宽度:150px!重要;
}
问题可能是长单词比150px宽,并且会增加宽度。使用wordbreak:break all代码>
<style>
#<%= RPMData.ClientID %> td {
width: 150px;
word-break: break-all;
}
</style>
#运输署{
宽度:150px;
单词break:打破一切;
}
并且不要将GridView的宽度设置为100%(如果已设置)问题得到了解决。我主要是试图限制我的网格视图宽度,这导致了问题。感谢@vdwd部分解决了我的问题。我刚刚取消了对网格视图宽度的限制,并为绑定字段添加了simple ItemStyle width标记,这就解决了问题…:) 您好:@VDWWD,谢谢您的建议…尝试了相同的。。但是我猜宽度是根据标题文本进行调整的。也从css中删除了gridview宽度设置,但没有任何用处。。我还在文章中添加了为gridview定义的css,这样可能会有所帮助
<style>
#<%= RPMData.ClientID %> td {
width: 150px;
word-break: break-all;
}
</style>