(论坛答疑点滴)如何利用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