Break large text at comma in GridView

Question

I need to break this text on commas in asp:GridView:

aaaaaaaaaaa,aaaaa,aaaaaaaaaa,asdsad,aasfasfa,sfasfasfsfasfasfa,afasf.

This text is stretching field too much.

I have tried with css and with label control as field but has no result.

Answer 1

Probably try something like this

<ItemTemplate>
    <asp:Label ID="idTitle" Text='<%# GetCommaDelimited(Eval("MyField")) %>'
        runat="server"></asp:Label>
</ItemTemplate>

And in the code-behind, implement the display logic you're looking for.

Answer 2

You could set the CSS overflow property to scroll so the cell does not expand but instead shows a scrollbar.

Answer 3

If you insert space between the commas it will wrap (unless your css prevents from doing so).

Or you could truncate the text and use a title to show all the text on hover:

<span title="all the text here">truncated text here</span>

Answer 4

If the volume of your data source was not large you can handle the PreRender event of the label and then replace the comma with an html line break tag like this:

Label lbl = sender as Label;
lbl.Text = lbl.Text.Replace(",","<br />");