关于Datalist的问题

Question

我是用datalist邦定数据源的，我想把它做成表格形式的，但是在headerItem里加入表格并把其边框设为1的话，看起来很宽，而且很难看，我想做成datagrid样式的表格，请问怎么设计？

Answer 1

<asp:datalist id="dlCLGC" Runat="server" Width="100%" DataKeyField="Id" BorderColor="#888888"
GridLines="Both">
<HeaderTemplate>
<table id="dltalbe" width="100%" cellspacing="1" cellpadding="0">
<tr align="center" bgcolor="#dfdfdf">
<td width="5%">&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td width="8%">时间</td>
<td colspan="2">
月 总 产 油
<br>
(万吨)
</td>
<td colspan="2">
新井月总产油
<br>
(万吨)
</td>
<td colspan="2">
措施月总产油
<br>
(万吨)
</td>
<td colspan="2">
老井月总产油
<br>
(万吨)
</td>
<td width="15%">&nbsp;&nbsp;&nbsp;&nbsp;</td>
</tr>
<tr align="center" bgcolor="#888888">
<td>选择</td>
<td>月份</td>
<td>预测</td>
<td>实际</td>
<td>预测</td>
<td>实际</td>
<td>预测</td>
<td>实际</td>
<td>预测</td>
<td>实际</td>
<td>操作</td>
</tr>
</HeaderTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
<ItemTemplate>
<TR align="center" bgcolor="#dfdfdf">
<TD>
<asp:Label id=lblID Runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"Id")%>' Visible="False">
</asp:Label>
<asp:CheckBox id="cbSelect" Runat="server"></asp:CheckBox></TD>
<TD>
<asp:Label id=lblMonth Runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"Month")%>'>
</asp:Label></TD>
<TD width="9%">
<asp:Label id=lblFrcTotal Runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"Forecast_Total")%>'>
</asp:Label></TD>
<TD width="9%">
<asp:Label id=lblFactTotal Runat="server" Text='<%#(DataBinder.Eval(Container.DataItem,"Fact_Total"))%>'>
</asp:Label></TD>
<TD width="9%">
<asp:Label id=lblFrcNew Runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"Forecast_New")%>'>
</asp:Label></TD>
<TD width="9%">
<asp:Label id=lblFactNew Runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"Fact_New")%>'>
</asp:Label></TD>
<TD width="9%">
<asp:Label id=lblFrcMea Runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"Forecast_Measure")%>'>
</asp:Label></TD>
<TD width="9%">
<asp:Label id=lblFatcMea Runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"Fact_Measure")%>'>
</asp:Label></TD>
<TD width="9%">
<asp:Label id=lblFrcOld Runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"Forecast_Old")%>'>
</asp:Label></TD>
<TD width="9%">
<asp:Label id=lblFactOld Runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"Fact_Old")%>'>
</asp:Label></TD>
<TD>
<asp:LinkButton id="lbtnEdit" Runat="server" Text="编辑" CommandName="edit"></asp:LinkButton></TD>
</TR>
</ItemTemplate>
<EditItemTemplate>
<TR align="center">
<TD>
<asp:Label id=Label1 Runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"Id")%>' Visible="False">
</asp:Label>
<asp:CheckBox id="Checkbox1" Runat="server" Enabled="False"></asp:CheckBox></TD>
<TD>
<asp:TextBox id=txtMoth Runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"Month")%>' Width="95%">
</asp:TextBox></TD>
<TD width="9%">
<asp:TextBox id=txtForecast_Total Width="95%" Runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"Forecast_Total")%>'>
</asp:TextBox></TD>
<TD width="9%">
<asp:TextBox id=Fact_Total Runat="server" Width="95%" Text='<%# DataBinder.Eval(Container.DataItem,"Fact_Total")%>' >
</asp:TextBox></TD>
<TD width="9%">
<asp:TextBox id=Forecast_New Runat="server" Width="95%" Text='<%# DataBinder.Eval(Container.DataItem,"Forecast_New")%>' >
</asp:TextBox></TD>
<TD width="9%">
<asp:TextBox id=Fact_New Runat="server" Width="95%" Text='<%# DataBinder.Eval(Container.DataItem,"Fact_New")%>' >
</asp:TextBox></TD>
<TD width="9%">
<asp:TextBox id=Forecast_Measure Runat="server" Width="95%" Text='<%# DataBinder.Eval(Container.DataItem,"Forecast_Measure")%>' >
</asp:TextBox></TD>
<TD width="9%">
<asp:TextBox id=Fact_Measure Runat="server" Width="95%" Text='<%# DataBinder.Eval(Container.DataItem,"Fact_Measure")%>' >
</asp:TextBox></TD>
<TD width="9%">
<asp:TextBox id=Forecast_Old Runat="server" Width="95%" Text='<%# DataBinder.Eval(Container.DataItem,"Forecast_Old")%>'>
</asp:TextBox></TD>
<TD width="9%">
<asp:TextBox id=txtFact_Old Runat="server" Width="95%" Text='<%# DataBinder.Eval(Container.DataItem,"Fact_Old")%>'>
</asp:TextBox></TD>
<TD>
<asp:LinkButton id="lbtnupdate" Runat="server" Text="修改" CommandName="update"></asp:LinkButton>
<asp:LinkButton id="lbtncancel" Runat="server" Text="取消" CommandName="cancel"></asp:LinkButton>
</TD>
</TR>
</EditItemTemplate>
</asp:datalist>