Asp.net DataList 多列显示添加列标题的解决方案

来源：互联网发布：沧州加工中心编程招聘编辑：程序博客网时间：2024/06/13 23:56

做项目时候经常会使用DataList来自定义显示数据格式，如果要将内容两列显示只需要将DataList的属性进行设置就可以了，如下代码：

<asp:DataList ID="DataListCity" Width="100%" runat="server" RepeatColumns="2"  >

使用RepeatColumns="2"代表两列显示。

在两列显示的时候需要显示两列的标题头，此时如果在DataLIst外面添加样式处理效果不是很理想，可以在HeaderTemplate进行设定就可以解决这个问题，具体代码如下：

<asp:DataList ID="DataListCity" Width="100%" runat="server" RepeatColumns="2"                                 OnItemCreated="DataListCity_ItemCreated"                                OnItemDataBound="DataListCity_ItemDataBound"                                >                               <HeaderTemplate>                                   <table width="100%">                                       <tr>                                           <th class="DataListCityLeft" align="left"><b style="color:#231F20;">States</b></th>                                           <th class="DataListCityRight" align="left"> <b style="color:#231F20;">Cities</b></th>                                       </tr>                                   <tr>                               </HeaderTemplate>                                                          <ItemTemplate>                                                               <asp:Label ID="LblCity" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "city")%>'></asp:Label>                                                                                                                      </ItemTemplate>                             <FooterTemplate>                                </tr> </table>                             </FooterTemplate>                           </asp:DataList>

在HeaderTemplate中添加TH来控制标题的格式，这样就可以保证对齐显示了。希望对各位童鞋有所帮助。

0 0