2012-10-11 20 views
0

我有以下代码ASP.NET电网与CSS行和列

List<Department> depts = new List<Department>(); 

Department.Add(new Department() { DNo = 1, DName = "Accounting", DFloor="6" }); 
Department.Add(new Department() { DNo = 2, DName = "FInance", DFloor="3" }); 

我想这个数据绑定到一个GridView,使其输出以下。观察每个星期和tr的课程。我怎样才能在ASP.NET中实现这一点?

<thead> 
<tr> 
<th class="DNo">DNo</th> 
<th class="DName">DName</th> 
<th class= "DFloor">DFloor</th> 
</tr> 
</thead> 
<tr> 
<td class="DNo">1</td> 
<td class="DName">Accounting</td> 
<td class="DFloor">6</td> 
</tr> 
<tr> 
<td class="DNo">2</td> 
<td class="DName">FInance</td> 
<td class="DFloor">3</td> 
</tr> 

回答

0

当你创建你的列,请使用HeaderStyle-CssClassItemStyle-CssClass属性。

<asp:GridView ID="gv" 
    AutoGenerateColumns="False" 
    runat="server"> 
    <Columns> 
     <asp:BoundField HeaderStyle-CssClass="DNo" ItemStyle-CssClass="DNo" DataField="DNo" HeaderText="DNo" /> 
     <asp:BoundField HeaderStyle-CssClass="DName" ItemStyle-CssClass="DName" DataField="DName" HeaderText="DName" /> 
     <asp:BoundField HeaderStyle-CssClass="DFloor" ItemStyle-CssClass="DFloor" DataField="DFloor" HeaderText="DFloor" /> 
    </Columns> 
</asp:GridView> 
在后面的代码( Page_Load事件处理工作),您的数据绑定到网格

然后:

gv.DataSource = depts; 
gv.DataBind(); 

通常,人们将包装在一个if (!IsPostBack) { }块。

0

您可以使用此代码尝试 - 基于GridView class

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false"> 
    <Columns> 
    <asp:BoundField HeaderText="DNo" DataField="DNo" /> 
    <asp:BoundField HeaderText="DName" DataField="DName" /> 
    <asp:BoundField HeaderText="DFloor" DataField="DFloor" /> 
    </Columns> 
</asp:GridView> 

背后

GridView1.DataSource = depts; 
GridView1.DataBind(); 
0

代码的自动生成的列或不?因为如果是这样,你需要将其更改为AutoGenerateColumns="False"和两个设置CssClass性质,HeaderItem