How to wrap text in boundfield column of gridview

Question

4.00/5 (1 vote)

See more:

I use a Datagird with Width=850, and 4 BoundColumn, which I want them to be always in the same size.

So, for each BoundColumn, I gave ItemStyle-Width="25%".

It's working just fine, unless there is a long string in the BoundColumn,
In this case, it's not 25% anymore, the BoundColumn become as long as the value string inside.

I don't want it to act like this, I want that when the string value is long, It will be wrapped.

And the string will be divided into 2 lines (or more) and the BoundColumn will stay 25% Width.

I Googled it and found the ItemStyle-Wrap="True" attribute for the BoundColumn, but it's not working.

What should I do?

Is there any answer?

Posted 28-Nov-11 22:40pm

krantikumar panda

Updated 28-Nov-11 22:52pm

RaisKazi

v2

Add a Solution

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

skantg · Answer 1 · 2013-05-07T03:30:00

ItemStyle-Wrap="True" generally works well, except when there is no space between characters.
wrapping is done based on words so that any single word is not broken in two lines.

so ItemStyle-Wrap="True" won't work for you if your data has long string without space.
and the problem is that you can't insert spaces on your own because that may change the meaning of data.

in my previous project we encountered this issue and used a work around
while showing in grid we show only that long string which can be accommodated in column and then add "..." (only if string is more than what is showing) and then add a tooltip to show the full string.
that way the grid formatting is not compromised and if user wants he can hover his mouse and see the whole string.

hope this helps

koolprasad2003 · Answer 2 · 2011-11-28T23:06:00

Solution 1

Your ItemStyle-Wrap="True" not working because to Wrap the text contents, text should contain ' '(SPACE) in it. and the SPACE in your text and check it will wrap your text.
you can use \r\n or a space for wraping.

If you don't have a SPACE in your text then it is treated as one word.

Posted 28-Nov-11 23:06pm

koolprasad2003

Updated 28-Nov-11 23:36pm

v2

Madhuri Vuppuluri · Answer 3 · 2013-05-07T00:25:00

Try using "style" attribute . style="white-space:normal;". This will break the words in the columns correctly. eg:If a sentence contains "paragraph" as a word in the column, above solution will break near "paragraph" and wrap it to next line.

Whereas : word-break:word-all etc, breaks the words and then wraps, eg. "paragraph" may be wrapped as "para" in firstline and "graph" in second line, based on the column width.

How to wrap text in boundfield column of gridview

3 solutions

Solution 3

Solution 1

Solution 2

Add your solution here

Preview 0