Question

I have an asp.net web form. I used Gridview to display the table from a database. There are one of field might have a long no white-space string. Therefore I used wrap-word.
The markup code:

 <asp:GridView ID="GridView1" runat="server" AllowPaging="True" AllowSorting="True" BorderColor="YellowGreen"
                DataSourceID="SqlDataSource1" AutoGenerateColumns="False" DataKeyNames="ProbId"
                PageSize="30" AutoGenerateEditButton="True" AutoGenerateDeleteButton="True" Visible="true">
                <Columns>
                    <asp:BoundField DataField="ProbId" HeaderText="ProbId" InsertVisible="False" ReadOnly="True"
                        SortExpression="ProbId" />
                    <asp:BoundField DataField="ProbDesc" HeaderText="ProbDesc" SortExpression="ProbDesc" />
                    <asp:TemplateField HeaderText="ABCD" ItemStyle-Width="75px" SortExpression="ABCD">
                        <ItemTemplate>
                            <div style="width: 75px; overflow: hidden; white-space: nowrap; word-wrap: break-word;">
                                <%# Eval("ABCD")%>
                                ></div>
                        </ItemTemplate>
                    </asp:TemplateField>

Now the wrap-word does work, however the displayed context is wrong. Each string was add a “>” at the last.
Please see the image:

You see that ‘648.04’ becomes ‘648.04’ >

“None” becomes “None >”.

Thanks for help.

Answer 1

Look at your ItemTemplate:

<ItemTemplate>
    <div style="width: 75px; overflow: hidden; white-space: nowrap; word-wrap: break-word;">
        <%# Eval("ABCD")%>
    ></div>
</ItemTemplate>

There’s an extra > just before the div closing tag.