ListView控件相关问题

Question

图1：图2：需要把 图1 变成 图2，怎么弄啊？图1对应的源码：
            <asp:ListView ID="ListView1" runat="server" DataKeyNames="Id" 
                DataSourceID="EntityDataSource2" GroupItemCount="7" onitemdatabound="ListView1_ItemDataBound" 
                >
                <EditItemTemplate>
                    <td runat="server">
                        课程名称：
                        <asp:TextBox ID="CourseContentTextBox" runat="server" 
                            Text='<%# Bind("CourseContent") %>' />
                        教师：
                        <asp:TextBox ID="TeacherTextBox" runat="server" Text='<%# Bind("Teacher") %>' />
                        <br />
                        <asp:Button ID="UpdateButton" runat="server" CommandName="Update" Text="更新" />
                        <asp:Button ID="CancelButton" runat="server" CommandName="Cancel" Text="取消" CausesValidation="False" />
                        <br />
                    </td>
                </EditItemTemplate>
                <GroupTemplate>
                    <tr ID="itemPlaceholderContainer" runat="server">
                        <td></td>
                        <td ID="itemPlaceholder" runat="server">
                        </td>
                    </tr>
                </GroupTemplate>
                <ItemTemplate>
                    <td runat="server">
                        <asp:Label ID="CourseContentLabel" runat="server" 
                            Text='<%# Eval("CourseContent") %>' />
                        <asp:Label ID="TeacherLabel" runat="server" Text='<%# Eval("Teacher") %>' />
                        <br />
                        <asp:Button ID="EditButton" runat="server" CommandName="Edit" Text="编辑" CausesValidation="True" />
                        <br />
                    </td>
                </ItemTemplate>
                <LayoutTemplate>
                    <table runat="server" border="2">
                        <tr runat="server">
                            <td runat="server">
                                <table ID="groupPlaceholderContainer" runat="server" border="1">
                                    <tr runat="server">
                                        <th runat="server"></th>
                                        <th runat="server">星期一</th>
                                        <th runat="server">星期二</th>
                                        <th runat="server">星期三</th>
                                        <th runat="server">星期四</th>
                                        <th runat="server">星期五</th>
                                        <th runat="server">星期六</th>
                                        <th runat="server">星期日</th>
                                    </tr>
                                    <tr ID="groupPlaceholder" runat="server">
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </LayoutTemplate>
            </asp:ListView>我是新手，回答时请说详细点啊。

Answer 1

                <GroupTemplate>
                    <tr ID="itemPlaceholderContainer" runat="server">
                        <td>填在这里</td>
                        <td ID="itemPlaceholder" runat="server">
                        </td>
                    </tr>
                </GroupTemplate>

Answer 2

按照你的解答，我写成如下这样：
                <GroupTemplate>
                    <tr ID="itemPlaceholderContainer" runat="server">
                        <td>
                            <script type="text/javascript">
                                document.write("第" + i + "大节");
                                i++;
                            </script>
                        </td>
                        <td ID="itemPlaceholder" runat="server">
                        </td>
                    </tr>
                </GroupTemplate>这样好吗？