将DetailsView 行分组在一起？

Question

如果我有一个包含许多行的详细信息视图，是否可以将某些行“分组”在一起？ IE。使用 div 和一些标签或诸如此类的东西将它们与其余行分开。我尝试这样做，但无法在模板项之间添加 asp 标签。唯一的方法是创建多个DetailsView 吗？

谢谢

Answer 1

这就是我用DetailsView解决类似问题的方法
(css 样式取自 Bootstrap)

    <asp:DetailsView ID="dvID" runat="server"    
        CssClass="table table-condensed"
        GridLines="None"
        FieldHeaderStyle-Width="130px">
        <Fields>
           <asp:BoundField DataField="whatever" />
           ...
          <asp:TemplateField HeaderText="ROW"
              InsertVisible="False" AccessibleHeaderText="False"
              HeaderStyle-BackColor="#F0F0F0"
              ItemStyle-BackColor="#F0F0F0" ItemStyle-Width="99%">
              <ItemTemplate>
                  <span> </span>
              </ItemTemplate>
          </asp:TemplateField>

技巧是插入一个空模板字段，其中标题和控件具有相同的背景颜色来模拟空行。您可以将文本/标签放在 HeaderText 内或 ItemTemplate 内或两者内。