c# - 如何使用带有 C# 的 ASP.Net 拆分网格标题

Question

第一个是我现有的网格视图，但我想拆分网格视图标题看起来像第二个网格视图图像下方。

这是我处理该输出的代码：

<div style="width: 100%">
<asp:GridView ID="GridView4" Font-Size="12px" runat="server" OnRowDataBound="gvSubClaims_RowDataBound" SkinID="GridView1" Width="100%">
 <Columns>
  <asp:TemplateField HeaderText="SubClaim#">
  <ItemTemplate>
   <asp:Label ID="lblSubCliamNo" runat="server" Text='<%# Eval("SubClaimNo")  %>'></asp:Label></ItemTemplate>
     <ItemStyle Width="10%" />
      </asp:TemplateField>
      <asp:TemplateField HeaderText="Features">
       <ItemTemplate>
       <asp:Label ID="lblFeatures" runat="server" Text='<%# Eval("Features") %>'></asp:Label></ItemTemplate>
       <ItemStyle Width="10%" />
       </asp:TemplateField>
       <asp:TemplateField HeaderText="Current Reverse">
       <ItemTemplate>
       <asp:Label ID="lblPolCoverage" runat="server" Text='<%# Eval("PolicyCoverage") %>'></asp:Label></ItemTemplate>
        <ItemStyle Width="10%" />
        </asp:TemplateField>
        <asp:TemplateField HeaderText="Total Paid ($)">
        <ItemTemplate>
        <asp:Label ID="lblDamages" runat="server" Text='<%# Eval("Damage") %>'></asp:Label></ItemTemplate>
        <ItemStyle Width="10%" />
        </asp:TemplateField>
       <asp:TemplateField HeaderText="Recovery ($)">
       <ItemTemplate>
       <asp:Label ID="lblStatus" runat="server" Text='<%# Eval("SubClaimStatus") %>'></asp:Label></ItemTemplate>
       <ItemStyle Width="10%" />
       </asp:TemplateField>
      <asp:TemplateField HeaderText="Outstanding ($)">
       <ItemTemplate>
      <asp:Label ID="lblStatus" runat="server" Text='<%# Eval("SubClaimStatus") %>'></asp:Label></ItemTemplate>
      <ItemStyle Width="10%" />
       </asp:TemplateField>
       </Columns>
       </asp:GridView>
       </div>

我可以更改/添加什么来达到预期的效果？

有人请帮我...

Answer 1

如果您使用中继器而不是 GridView，您可以更好地控制它如何呈现为 HTML，例如

<asp:repeater ... >
<HeaderTemplate>
    <table>
        <tr>
            <th colspan="2">
            </th>
            <th colspan="4">
                Expense
            </th>
            <th colspan="4">
                Indemnity
            </th>
        </tr>
        <tr>
            <th>
                SubClaim
            </th>
            <th>
                Feature
            </th>
            <th>
                Current<br/>Reserve<br/>($)
            </th>
            ...
         </tr>
</HeaderTemplate>
<ItemTemplate>
    <tr>
        <td>
            <asp:Label ID="lblSubCliamNo" runat="server" Text='<%# Eval("SubClaimNo")  %>'></asp:Label>
        </td>
        <td>
             <asp:Label ID="lblFeatures" runat="server" Text='<%# Eval("Features") %>'></asp:Label>
        </td>
        ...
    </tr>
</ItemTemplate>
<FooterTemplate>
    </table>
</FooterTemplate>
</asp:repeater>

Answer 2

我认为您可以通过在组标题中创建多行来实现这一点。

您将在 GridView 中找到有关添加分组/多行标题的更多信息。

还有一篇很好的文章，但在 vb 中关于在 gridview ASP.NET 中创建多行/组标题