GridView中強制很長的資料換行

GridView中強制很長的資料換行

 

首先設定<asp:BoundField DataField="家庭住址" HeaderText="家庭住址" ItemStyle-Width="100" />
gridview裡有一資料行繫結的資料很長，顯示的時候在一行裡面顯示，頁面拉得很寬。
原因是連續英文段為一個整體導致的，

在RowDataBound中添加上了一句e.Row.Cells[2].Style.Add("word-break", "break-all")就可以。

 

如果要給所有的列增加此屬性：
protected void Page_Load(object sender, EventArgs e)
{
//正常換行
GridView1.Attributes.Add("style", "word-break:keep-all;word-wrap:normal");
//下面這行是自動換行
GridView1.Attributes.Add("style", "word-break:break-all;word-wrap:break-word");
if (!IsPostBack)
{
bind();//調用資料繫結即可
}
}

 

當然了也可以在GridView的CSS類裡，添加此樣式。

如：

.gv
{
 border:solid 1px #C3D6EC;
 word-break:break-all;
 word-wrap:break-word;
}

總之：善用CSS的word-break:break-all;word-wrap:break-word屬性即可，這個屬性是通用的對於頑固的南換行問題都可以解決，不局限於GridView。