如何利用DataGrid纵向显示数据

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


 

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


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


                <ItemTemplate>




                    <%

# 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