ASPX Gridview - 在多行上拉伸Datacell

时间:2016-03-18 12:21:27

标签: asp.net gridview

我的APSX中有一个gridview,如下所示:

enter image description here

我希望能够拉伸“评论”数据单元格,使它们延伸到每个部分的底部(向下拉伸3个单元格)

我尝试了很多东西,似乎没有什么对我有用,我想知道是否有人能指出我正确的方向来做这件事。

这是我用于Gridview的代码..

...
  <asp:TemplateField ItemStyle-HorizontalAlign="Center" ItemStyle-Width="20%" HeaderText="Project Name">
                            <ItemTemplate>
                                <asp:Label ID="ProjectNameLab" runat="server" Text='<%# Bind("[Project Name]")%>'></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>

                        <asp:TemplateField ItemStyle-HorizontalAlign="Center" ItemStyle-Width="20%" HeaderText="Customer Name" SortExpression="Customer Name">
                            <ItemTemplate>
                                <asp:Label ID="CustomerNameLab" runat="server" Text='<%# Bind("[Customer Name]")%>'></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>

                        <asp:TemplateField ItemStyle-HorizontalAlign="Center" ItemStyle-Width="10%" HeaderText="Month" SortExpression="Month">
                            <ItemTemplate>
                                <asp:Label ID="MonthLab" runat="server" Text='<%# Bind("Month")%>'></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>

                        <asp:TemplateField ItemStyle-HorizontalAlign="Center" ItemStyle-Width="10%" HeaderText="App Date" SortExpression="ApplicationDate">
                            <ItemTemplate>
                                <asp:Label ID="ApplicationDateLab" runat="server" Text='<%# Bind("ApplicationDate")%>'></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>

                        <asp:TemplateField ItemStyle-Width="12%" HeaderText="Value" SortExpression="ThisApp">
                            <ItemTemplate>
                                <asp:LinkButton ID="ThisAppLab" runat="server" Text='<%# Bind("ThisApp")%>'></asp:LinkButton>
                                <ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
                                    Enabled="True" PopupControlID="EditPopup1" TargetControlID="ThisAppLab"
                                    BackgroundCssClass="modalBackground">
                                </ajaxToolkit:ModalPopupExtender>
                            </ItemTemplate>
                        </asp:TemplateField>

                        <asp:TemplateField ItemStyle-HorizontalAlign="Center" ItemStyle-Width="20%" HeaderText="Comments" SortExpression="Comments">
                            <ItemTemplate>
                                <asp:Label ID="CommentsLab" runat="server" Text='<%# Bind("Comments")%>'></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>


                        <asp:TemplateField Visible="true">
                            <ItemTemplate>
                                <tr>
                                    <td colspan="5">
                                        <td>
                                            <asp:Label Style="padding: 0px 0px 0px 0px" Width="100%" ID="PaidLbl" runat="server" Text='<%# Bind("Paid")%>'></asp:Label>
                                            <itemstyle width="100%" />
                                        </td>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="5"></td>
                                    <td>
                                        <asp:Label Style="padding: 0px 0px 0px 0px" Width="100%" ID="DifferenceLbl" runat="server"></asp:Label>
                                        <itemstyle width="100%" />
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="5"></td>
                                    <td>
                                        <asp:Label Style="padding: 0px 0px 0px 0px" Width="100%" ID="DateFP" runat="server" Text='<%# Bind("Date")%>'></asp:Label>
                                        <itemstyle width="100%" />
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="5"></td>
                                    <td>
                                        <asp:Label Style="padding: 0px 0px 0px 0px; visibility: hidden" Width="100%" ID="BlankRowLbl" Text="Blank" runat="server"></asp:Label>
                                        <itemstyle width="100%" />
                                    </td>
                                </tr>
                            </ItemTemplate>
                        </asp:TemplateField>


                    </Columns>
                </asp:GridView>

任何帮助或建议将不胜感激,谢谢你。

1 个答案:

答案 0 :(得分:3)

在模板字段中,您应该添加一个表并将行范围设置为所需的行数。类似的东西:

<asp:TemplateField ItemStyle-HorizontalAlign="Center" ItemStyle-Width="20%" HeaderText="Comments" SortExpression="Comments">
     <ItemTemplate>
           <table>
               <tr>
                   <td rowspan="3">
                       <asp:Label ID="CommentsLab" runat="server" Text='<%# Bind("Comments")%>'></asp:Label>
                   </td>
               </tr>
           </table>
     </ItemTemplate>
</asp:TemplateField>

编辑:尝试将其他模板字段中的单元格作为另一列而不是其自己的模板字段。