формат отображения для gridview

Question

У меня есть сетка с именем «GridView1», содержащая два столбца «Дата» и «Детали сеанса», которые я отображаю только так:

<asp:GridView ID="GridView1" OnRowCommand="ScheduleGridView_RowCommand" 
    runat="server" AutoGenerateColumns="False" Height="60px"
    Style="text-align: center" Width="869px" EnableViewState="False">
    <Columns>
        <asp:BoundField HeaderText="Date" DataField="Date">
            <HeaderStyle Width="80px" />
        </asp:BoundField>
        <asp:BoundField DataField="" HeaderText="Session Detais" />
    </Columns>

Но здесь мне нужно отобразить 3 секции столбцов с обратной стороны Детали сессии без границ столбцов для каждой даты, как мне этого добиться.

Date                                                                SessionDetails

06-04-2010                       Time-(value from database)         Topic-(value from database)    Head-(value from database)


-------                               ------------------               -------------------            ----------------------

Answer 1

Вы захотите использовать TemplateField для определения макета самостоятельно. Что-то вроде этого сделает это:

<asp:GridView ID="GridView1" OnRowCommand="ScheduleGridView_RowCommand" 
    runat="server" AutoGenerateColumns="False" Height="60px"
    Style="text-align: center" Width="869px" EnableViewState="False">
    <Columns>
        <asp:BoundField HeaderText="Date" DataField="Date">
            <HeaderStyle Width="80px" />
        </asp:BoundField>
        <asp:TemplateField>
            <HeaderTemplate>
                Session Details
            </HeaderTemplate>
            <ItemTemplate>
                <span class="col"><%# Eval("Time") %></span>
                <span class="col"><%# Eval("Topic") %></span>
                <span class="col"><%# Eval("Head") %></span>
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

Примечание: Вам придется заменить Time, Topic и Head вашими реальными значениями, если они различаются. Затем вы можете стилизовать размещение тегов 3 span в таком стиле, как:

<style type="text/css">
    .col { width: 100px; float: left; }
</style>