How to set the headers in the GridView to be in one line instead of mutliple lines

Question

0.00/5 (No votes)

See more:

I have a big scrollable GridView that contains many headers that have a line break and I don't why the GridView shows these data in more than one line. I want all the headers to be in one line. How to do that?

By the way, the GridView is bound to StoreProcedure. So I don't have <boundfield> or <templatefield>

Posted 15-Jan-12 21:12pm

matrix388

Add a Solution

2 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)

Tejas Vaishnav · Answer 1 · 2012-01-15T21:33:00

Solution 1

i think you need to say like this...

your header text like this... "Column 1 is Used For.." then it will be displayed like this..

"Column 1 is
Used For.."

m i right..?

and you need to display like "Column 1 is Used For..."

so you need to apply css class for header with the property like this...

CSS

.HeaderText
{
white-space:nowrap;
}

Posted 15-Jan-12 21:33pm

Tejas Vaishnav

Updated 15-Jan-12 21:34pm

v2

Comments

matrix388 16-Jan-12 3:59am

You are right and I used what you said but it did not work with me.

Tejas Vaishnav 16-Jan-12 4:21am

please provide your grid design code so i will try to solve your problem..

NandaKumer 16-Jan-12 12:44pm

good one

Phaneendra Varanasi · Answer 2 · 2012-01-16T05:50:00

Solution 2

You can have Jquery.append(text).addClass()

Posted 16-Jan-12 5:50am

Phaneendra Varanasi