在Gridview中,如果你的某一列字串的長度過長,不做處理的話.那麼將顯示的奇醜無比,

可以採取設定樣式,將其顯示為定長,可以在點選檢視的時候,在另一個頁面對其進行顯示

首先在前臺設定樣式

<style type="text/css"> .listover150 { width:150px; text-align:left; overflow:hidden; text-overflow:ellipsis;//超長設定省略號 white-space:nowrap; } </style>

然後在後臺GridView中的RowDataBind中進行設定

,附帶幾句可以改變滑鼠移動的樣式設定

//列表載入處理 protected void gv_showReport_RowDataBound(object sender, GridViewRowEventArgs e) { if (e.Row.RowType == DataControlRowType.DataRow) { //當滑鼠移開時還原背景色 e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=c"); e.Row.Attributes.Add("onmouseover", "c=this.style.backgroundColor;this.style.backgroundColor='#F4FBFF'"); e.Row.Attributes.Add("onclick", "this.style.backgroundColor='#e2eaf1'"); } if (e.Row.RowType == DataControlRowType.Header) { e.Row.Attributes.Add("style", "background-image:url('../images/grid3-hrow.gif')"); } if (e.Row.RowType == DataControlRowType.DataRow) { //設定申請原因字串顯示長度 string strDISC = e.Row.Cells[4].Text.Trim(); e.Row.Cells[4].Text = "<div class=/"listover150/">" + strDISC + "</div>"; e.Row.Cells[4].ToolTip = strDISC;//滑鼠放上去顯示所有 //設定審批備註字串擷取長度 string str = e.Row.Cells[7].Text.Trim(); e.Row.Cells[7].Text = "<div class=/"listover150/">" + str + "</div>"; e.Row.Cells[7].ToolTip = str; } }

顯示效果