是否可以在gridview的单元格中滚动？

Question

我的gridview中有一些记录.但是每个记录都存在问题,有一个单元格包含大量数据.我仍然想显示数据并允许用户向下滚动阅读(如果他们感兴趣).是否有可能允许在该单元格中滚动？

编辑:

这是我提到的css:

    .AspNet-GridView
    {
        overflow: auto;
        height:400px;
    }
    .AspNet-GridView table thead tr th
    {
        height:20px;
        position:relative;
    }
    .AspNet-GridView table tbody
    {
        overflow: auto;
    }

编辑2:这是gridview,我想要带有headertext主体的列允许滚动.

<asp:GridView ID="gvAanvragen" 
    OnPageIndexChanging="GvAanvragen_PageIndexChanging" runat="server" AllowPaging="True" 
    AllowSorting="True" BackColor="White" BorderColor="#DEDFDE" BorderStyle="None" 
    BorderWidth="1px" CellPadding="4" ForeColor="Black" GridLines="Vertical" 
    PageSize="5" AutoGenerateColumns="false" AutoGenerateSelectButton="True" 
        onselectedindexchanged="GvAanvragen_SelectedIndexChanged" 
        CssClass="AspNet-GridView">
    <RowStyle BackColor="#F7F7DE" />
    <FooterStyle BackColor="#CCCC99" />
    <PagerStyle BackColor="#F7F7DE" ForeColor="Black" HorizontalAlign="Right" />
    <SelectedRowStyle BackColor="#CE5D5A" Font-Bold="True" ForeColor="White" />
    <HeaderStyle BackColor="#6B696B" Font-Bold="True" ForeColor="White" />
    <AlternatingRowStyle BackColor="White" />
    <Columns>
        <asp:BoundField HeaderText="ID" DataField="ID" />
        <asp:BoundField HeaderText="Subject" DataField="Subject" />
        <asp:BoundField HeaderText="Body" DataField="Body" HtmlEncode="false" />
        <asp:BoundField HeaderText="Sent" DataField="Sent" />
    </Columns>
</asp:GridView>

有谁可以帮助我吗？

Answer 1

您可以使用模板列并在其中放置一个div style="overflow:auto;"

<asp:TemplateField>
    <ItemTemplate>
         <div style="overflow:auto; height: 100px;"><Your Content here></div> 
    </ItemTemplate>
</asp:TemplateField>

Answer 2

要添加到 Naveed 的答案，现在您已经发布了您的原始代码：http : //www.asp.net/data-access/tutorials/using-templatefields-in-the-gridview-control-cs有一个很好的例子数据绑定模板字段：

<asp:TemplateField HeaderText="FirstName" SortExpression="FirstName">
    <ItemTemplate>
        <asp:Label ID="Label1" runat="server" Text='<%# Bind("FirstName") %>'></asp:Label>
    </ItemTemplate>
</asp:TemplateField>

在您的情况下，只需替换该行

<asp:BoundField HeaderText="Body" DataField="Body" HtmlEncode="false" />

通过 Naveed 提供的代码，并添加数据绑定，如本例所示，最终得到如下结果：

<asp:TemplateField HeaderText="Body">
    <ItemTemplate>
        <div style="overflow:auto; height: 100px;">
            <asp:Label ID="Label1" runat="server" Text='<%# Bind("Body")%>'></asp:Label>
        </div>
    </ItemTemplate>
</asp:TemplateField>

如果您不想使用标签，请改用文字控件：

<asp:Literal ID="Literal1" runat="server" Text='<%# Bind("Body")%>' />