(论坛答疑点滴)如何利用DataGrid纵向显示数据？

王朝asp·作者佚名 2006-01-09

宽屏版字体: 小|中|大|超大

有的时候想实现类似下图，第二个图示的效果：

我们可能首先会想到DataList，其实DataList我们这里设置：

<asp:DataList id="DataList1" runat="server" RepeatColumns="10">

# DataBinder.Eval(Container.DataItem,"test") %>

</ItemTemplate>

</asp:DataList>

这样显示出来的是上图的效果，并不能得到预期的纵向显示一定行的效果。

其实遇到这样的情况可以对数据源做一下转换。

比如我们建立这样的测试数据源：

DataTable dt=new DataTable();

DataColumn dc=new DataColumn("test",Type.GetType("System.String"));

dt.Columns.Add(dc);

for(int i=1;i<=54;i++)

{

DataRow dr=dt.NewRow();

dr["test"]="测试"+i;

dt.Rows.Add(dr);

}

数据表中有54行数据，我们希望它一列显示8行，也就是分7列显示，达到上图的效果，写一个方法进行转换。

private DataTable MakeData(DataTable dt,int iSize,int iColumnID)

{

int itmp=dt.Rows.Count%iSize;

int iColumn;

if(itmp==0)

iColumn=dt.Rows.Count/iSize;

else

iColumn=dt.Rows.Count/iSize+1;

DataTable newdt=new DataTable();

for(int i=0;i<iColumn;i++)

{

DataColumn dc=new DataColumn(dt.Columns[iColumnID].ColumnName+i,dt.Columns[iColumnID].DataType);

newdt.Columns.Add(dc);

}

for(int i=0;i<iSize;i++)

{

DataRow dr=newdt.NewRow();

for(int j=0;j<iColumn;j++)

{

if((i+j*iSize)<dt.Rows.Count)dr[dt.Columns[iColumnID].ColumnName+j]=dt.Rows[i+j*iSize][iColumnID];

}

newdt.Rows.Add(dr);

}

return newdt;

}

然后绑定即可：

this.DataGrid1.DataSource=MakeData(dt,8,0);

this.DataGrid1.DataBind();

在这里仅仅说明一下这个方法三个参数的含义：

第一个参数传递一个原来的数据表进去

第二个参数表示希望这一列显示多少行

第三个参数表示这个字段是数据表的第几列的字段，这里的数据表只有1列，所以写0