2012-10-11 21 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