网格视图固定列宽不工作

我有一个固定的宽度设置为我网view.Now，我愿意这样做的下一件事是设置固定的宽度在我的网格view.I所有列已经尝试了所有的低于选项，但没有一个可以工作。如果这个问题得到解决，会很好。网格视图固定列宽不工作

1）设置ItemStyle宽度所有绑定列的为100px

<asp:BoundField DataField="Customer_Name" HeaderText="Customer" SortExpression="Customer_Name" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="100px"/>

2）定义列的宽度在RowDataBound事件

protected void RPMData_RowDataBound(object sender, GridViewRowEventArgs e) { 
    if (e.Row.RowType == DataControlRowType.DataRow) { 
     RPMData.Columns[0].ItemStyle.Width = 150; 
     RPMData.Columns[1].ItemStyle.Width = 150; 
     RPMData.Columns[2].ItemStyle.Width = 150; 
     RPMData.Columns[3].ItemStyle.Width = 150; 
     RPMData.Columns[4].ItemStyle.Width = 150; 
     RPMData.Columns[5].ItemStyle.Width = 150; 
     RPMData.Columns[6].ItemStyle.Width = 150; 
     RPMData.Columns[7].ItemStyle.Width = 150; 
     RPMData.Columns[8].ItemStyle.Width = 150; 
     RPMData.Columns[9].ItemStyle.Width = 150;   
    } 
}

3）定义的CSS和呼叫的CSS中在RowDataBound事件

的源代码： -

.columnwidth { 
    width: 150px; 
}

代码背后：为GridView的定义

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"; 
     } 
    } 
}

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; 

     }

来源

2016-12-28 user1234

尝试CSS与重要;

<style type="text/css"> 
.columnwidth 
{ 
    width: 150px!important; 
} 
</style>

来源

2016-12-28 07:50:03 Mehmet

喜，试着用重要..但仍然无法工作 – user1234

问题可能是长的单词宽度超过150px，会增加宽度。使用word-break: break-all;

<style> 
    #<%= RPMData.ClientID %> td { 
     width: 150px; 
     word-break: break-all; 
    } 
</style>

不要在GridView的宽度设置为100％（如果你已经这样做了）

来源

2016-12-28 11:57:16 VDWWD

嗨：@VDWWD，感谢您的建议...尝试了相同..但我想宽度正在调整编辑基于标题文本..也删除了gridview的宽度设置，以及从CSS但没有用。此外，我已经添加了为我的gridview定义的CSS在帖子中，这样可能会有所帮助 – user1234

问题得到了resolved.I主要是想限制我的网格视图宽度和是造成issue.Thanks到@VDWWD为部分解决我issue.I只是删除了限制我的网格视图宽度并添加了简单的ItemStyle宽度标签为我的绑定字段，这解决了它... :)

来源

2016-12-29 05:14:03 user1234

网格视图固定列宽不工作

回答

相关问题