在 C# 中将 DetailsView（或 GridView）行并排呈现为两部分或两列中的数据

Question

我正在绑定 GridView，然后打开模态弹出窗口以查看所选行的详细视图。

我的详情视图如下。

         <asp:DetailsView ID="DetailsView1" runat="server" CssClass="table table-bordered table-hover" 
                            BackColor="White" ForeColor="Black" FieldHeaderStyle-Wrap="false" FieldHeaderStyle-Font-Bold="true"
                            FieldHeaderStyle-BackColor="LavenderBlush" FieldHeaderStyle-ForeColor="Black"
                            BorderStyle="Groove" AutoGenerateRows="False">
                            <Fields>
                                <asp:BoundField HeaderText="Date" DataField="Date" />
                                <asp:BoundField HeaderText="Feeder Name" DataField="Feeder Name" />
                                <asp:BoundField HeaderText="Meter Serial No" DataField="Meter Serial No" />
                                <asp:BoundField HeaderText="Time" DataField="Time" Visible="false"/>
                                <asp:BoundField HeaderText="Class Of Voltage" DataField="Class Of Voltage" />
                                <asp:BoundField HeaderText="Voltage-R" DataField="Voltage-R" />
                                <asp:BoundField HeaderText="Voltage-Y" DataField="Voltage-Y" />
                                <asp:BoundField HeaderText="Voltage-B" DataField="Voltage-B" />
                                <asp:BoundField HeaderText="Line Current-R" DataField="Line Current-R" />
                                <asp:BoundField HeaderText="Line Current-Y" DataField="Line Current-Y" />
                                <asp:BoundField HeaderText="Line Current-B" DataField="Line Current-B" />
                                <asp:BoundField HeaderText="Neutral Current" DataField="Neutral Current" />
                                <asp:BoundField HeaderText="Act. Power" DataField="Act. Power" />
                                <asp:BoundField HeaderText="React. Power" DataField="React. Power" />
                                <asp:BoundField HeaderText="Act. Power(tot)" DataField="Act. Power(tot)" />
                                <asp:BoundField HeaderText="App. Power" DataField="App. Power" />
                                <asp:BoundField HeaderText="PF-R" DataField="PF-R" />
                                <asp:BoundField HeaderText="PF-Y" DataField="PF-Y" />
                                <asp:BoundField HeaderText="PF-B" DataField="PF-B" />
                                <asp:BoundField HeaderText="Avg. PF" DataField="Avg. PF" />
                                <asp:BoundField HeaderText="Freq." DataField="Freq." />
                                <asp:BoundField HeaderText="Act. Import" DataField="Act. Import" />
                                <asp:BoundField HeaderText="Act. Export" DataField="Act. Export" />
                                <asp:BoundField HeaderText="Act. Import(F)" DataField="Act. Import(F)" />
                                <asp:BoundField HeaderText="Act. Export(F)" DataField="Act. Export(F)" />
                                <asp:BoundField HeaderText="Reactive(Q1)" DataField="Reactive(Q1)" />
                                <asp:BoundField HeaderText="Reactive(Q2)" DataField="Reactive(Q2)" />
                                <asp:BoundField HeaderText="Reactive(Q3)" DataField="Reactive(Q3)" />
                                <asp:BoundField HeaderText="Reactive(Q4)" DataField="Reactive(Q4)" />
                                <asp:BoundField HeaderText="Act. Import" DataField="Act. Import" />
                                <asp:BoundField HeaderText="App. Export" DataField="App. Export" />
                                <asp:BoundField HeaderText="Cons. Act. Import" DataField="Cons. Act. Import" />
                                <asp:BoundField HeaderText="Cons. Act. Export" DataField="Cons. Act. Export" />
                                <asp:BoundField HeaderText="Act. Import Demand" DataField="Act. Import Demand" />
                                <asp:BoundField HeaderText="Act. Export Demand" DataField="Act. Export Demand" />
                                <asp:BoundField HeaderText="Cons. Act. Import(F)" DataField="Cons. Act. Import(F)" />
                                <asp:BoundField HeaderText="Cons. Act. Export(F)" DataField="Cons. Act. Export(F)" />
                                <asp:BoundField HeaderText="Cons. Reactive (Q1)" DataField="Cons. Reactive (Q1)" />
                                <asp:BoundField HeaderText="Cons. Reactive (Q2)" DataField="Cons. Reactive (Q2)" />
                                <asp:BoundField HeaderText="Cons. Reactive (Q3)" DataField="Cons. Reactive (Q3)" />
                                <asp:BoundField HeaderText="Cons. Reactive (Q4)" DataField="Cons. Reactive (Q4)" />
                                <asp:BoundField HeaderText="Cons. App. Import" DataField="Cons. App. Import" />
                                <asp:BoundField HeaderText="Cons. App. Export" DataField="Cons. App. Export" />
                            </Fields>
                        </asp:DetailsView>

下面是我的 DetailesView 如何渲染数据。

问题是因为我的数据是两个较长的 DetailedView 也很长。所以我想知道如何并排显示 DetailsView 数据。

（示例：

现在我正在获取详细信息查看如下

一个
B
C
D
E

但我想渲染如下

1.A 2.B

3.C 4.D

5.E

)

所以，谁能告诉我以这种方式呈现 DetailsView 的想法。

提前致谢。

Answer 1

抱歉这几天没能上线。请改用 Repeater。这将很容易完成这项工作。您将必须使用 table、tr 和 td 标签以及 DataItem 方法来获取您的值：

<asp:Repeater id="MyRptr" runat="server">
<HeaderTemplate>
<table border="1" width="100%">
<tr>
<th>Field</th>
<th>Value</th>
</tr>
</HeaderTemplate>

<ItemTemplate>
<tr>
<td>Date</td>
<td><%#Container.DataItem("Date")%></td>
</tr>
<tr>
<td>Feeder Name</td>
<td><%#Container.DataItem("Feeder")%></td>
</tr>
....
<tr>
.....
</tr>
</ItemTemplate>

<FooterTemplate>
</table>
</FooterTemplate>

</asp:Repeater>

像设置 gridview 一样设置 MyRptr 的数据源，然后设置 DataBind()。

参考：Repeater

在 C# 中将 DetailsView（或 GridView）行并排呈现为两部分或两列中的数据

Render Data in DetailsView(or GridView) Row SideBySide as Two Part or Two Column in C#

c#

asp.net

gridview

detailsview