2016-12-28 6 views
2

固定幅をグリッド表示に設定しました。次は、グリッド表示のすべての列に対して固定幅を設定します。オプションの下にありますが、それらのどれも動作しません。これが解決すれば素晴らしいでしょう。グリッド表示 - 固定列幅が機能しない

1)

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 RowDataBoundイベントの列幅を定義)100pxに

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

2にすべてBoundFieldsのItemStyle幅を設定する)、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; 

     } 

答えて

0

てみCSSの。

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

こんにちはしかし、まだ重要ではありませんでした..しかし、まだ動作していません – user1234

0

長い単語が150pxより広く、幅が大きくなる可能性があります。 word-break: break-all;

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

を使用して、(あなたがそうしている場合)を100%に

+0

こんにちは:@VDWWD、あなたの提案のおかげで...同じものを試してみました..しかし、私は幅が調整を得ていると思いますエッセンスはヘッダのテキストに基づいています。また、CSSのグリッドビューの幅の設定も削除されていますが、使用されません。また、投稿にグリッドビュー用に定義されたCSSを追加しました。 – user1234

0

をGridViewコントロールの幅を設定していない問題がresolved.Iは主に私のグリッドビューの幅を制限しようとしていることをしてました私の問題を部分的に解決するための@VDWWDへの感謝。私はちょうど私のグリッドビューの幅の制限を削除し、バインドされたフィールドの単純なItemStyle-Widthタグを追加して、これを解決しました::)

関連する問題