0

ここに画像の説明を入力

最初のものは既存のグリッド ビューですが、グリッド ビュー ヘッダーを 2 番目のグリッド ビュー イメージの下のように分割したいと考えています。

ここに画像の説明を入力

そして、その出力を処理する私のコードは次のとおりです。

<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>

望ましい結果を得るために何を変更/追加できますか?

誰か助けてください...

4

2 に答える 2

0

GridViewの代わりにRepeaterを使用すると、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>
于 2012-05-09T09:34:53.887 に答える
0

グループヘッダーに複数の行を作成することでこれを達成できると思います。

GridView でグループ化された/複数の行ヘッダーを追加する方法について詳しく説明します。

また、良い記事がありますが、グリッドビューASP.NETで複数の行/グループヘッダーを作成することについてvbにあります

于 2012-05-09T09:31:00.773 に答える