如何控制DataGrid里的內容換行與不換行？

2024-07-21 02:23:11

字體：大中小

來源：轉載

供稿：網友

需求千奇百怪，有的要求表格里的內容自動換行，有的不要求，其實設置datagrid的css樣式單屬性即可實現大部分的需求，但對于不換行的實現，單靠樣式單還不能完全滿足要求，下面就是一種解決的方法：

<%@ page language="c#" autoeventwireup="true" %>
<%@ import namespace="system.data" %>
<html>
<script runat="server">
int start_index;
icollection createdatasource()
{
datatable dt = new datatable();
datarow dr;

dt.columns.add(new datacolumn("integervalue", typeof(int32)));
dt.columns.add(new datacolumn("stringvalue", typeof(string)));
dt.columns.add(new datacolumn("currencyvalue", typeof(double)));

for (int i = start_index; i < start_index + itemsgrid.pagesize; i++)
{
dr = dt.newrow();
dr[0] = i;
dr[1] = @"我是中文文字，i am english words，我不想換行，
i don't wanna have new lines，歡迎訪問
<a >http://dotnet.aspx.cc/</a>，
有好料啊：）";
dr[2] = 1.23 * (i+1);

dt.rows.add(dr);
}

dataview dv = new dataview(dt);
return dv;
}

void page_load(object sender, eventargs e)
{
//對于沒有數字的內容，下面這行完全滿足要求，但加了數字就不行，必須調用onitemdatabound
itemsgrid.attributes.add("style","word-break:keep-all;word-wrap:normal");

//下面這行是自動換行
//itemsgrid.attributes.add("style","word-break:break-all;word-wrap:break-word");

if (!ispostback)
{
bindgrid();
}
}

void bindgrid()
{
itemsgrid.datasource=createdatasource();
itemsgrid.databind();
}

void item_databound(object sender, datagriditemeventargs e)
{
if( e.item.itemtype == listitemtype.item ||
e.item.itemtype == listitemtype.alternatingitem)
e.item.cells[1].text = "<nobr>" + e.item.cells[1].text + "</nobr>";
}

</script>
<body>
<form runat="server">
<asp:datagrid id="itemsgrid" runat="server" bordercolor="black"
onitemdatabound="item_databound" autogeneratecolumns="false">

<alternatingitemstyle backcolor="#dedede"></alternatingitemstyle>
<headerstyle backcolor="#eeeeff" horizontalalign="center"></headerstyle>

<columns>
<asp:boundcolumn headertext="序號" datafield="integervalue"/>
<asp:boundcolumn headertext="文字" datafield="stringvalue"/>
<asp:boundcolumn headertext="價格" datafield="currencyvalue" dataformatstring="{0:c}">
<itemstyle horizontalalign="right"></itemstyle>
</asp:boundcolumn>
</columns>

</asp:datagrid>
</form>
</body>
</html>

最大的網站源碼資源下載站，

上一篇：為DataGrid列添加Radio（單選框）列

下一篇：XP 風格的可拖動列、排序的DataGrid的例子