Guriddo » Topic: Grid header height

Grid header height

Guriddo
Grid header height

This topic has 13 replies, 9 voices, and was last updated 14 years, 3 months ago by marine.

Creator

Topic
February 2, 2009 at 9:09 pm #72699

maggie
Participant

Hello,

Is there a way to adjust the height of the grid header? I can only finde the property to set up the width of a column.

For example, I have a column header title
Creator

Topic

Viewing 13 replies - 1 through 13 (of 13 total)

Author

Replies
February 3, 2009 at 1:49 am #85142

tony
Keymaster

Hello,

Use setLabel method.

Regards

Tony

February 3, 2009 at 3:24 pm #85152

maggie
Participant

Hello,

I used the setLabel method like this:

setLabel(0, “Invoice Number” ,{color:'red', 'text-align':'center','font-size':'15px', 'word-wrap': 'break-word'})

I want to set the text font size big but the whole string can't fit in the column header. Is there a method to set up the header layer height or cell height?

Thanks!

Maggie

February 5, 2009 at 1:36 am #85186

tony
Keymaster

Hello,

I never try, but you can experiment with height in setLabel something like

setLabel(0, “Invoice Number” ,{color:'red', 'text-align':'center','font-size':'15px', 'word-wrap': 'break-word', height:'30px'})

Regards

Tony

February 26, 2009 at 11:04 pm #85632

dmlenz
Participant

Maggie,

Were you able to get this to work?

Perhaps I am missing something; when I play with the height settings I am able to get a visible change but the text isn't actually wrapping.

Code is

February 27, 2009 at 12:08 pm #85636

maggie
Participant

I am not able to get this to work.

April 2, 2009 at 7:06 am #86178

mckeaveney
Participant

Hi

Was anyone able to resolve this – i am also having the same issue

Thanks

April 2, 2009 at 10:57 am #86193

tony
Keymaster

Hello,

Enclose your grid in div -> mydiv

Then after you load the jqGrid css add this

#mydiv table.scroll thead th

September 10, 2009 at 11:34 am #88920

admin
Keymaster

I know this post is pretty old but the code above didnt work for me but this worked though:

September 11, 2009 at 11:00 am #88949

MamaliFrenchi
Participant

I have never tried, but It woths trying. Have you ever tried to include \n or in your lables? somethign like:

Quantity\n Previously Shipped

September 24, 2009 at 11:43 am #89271

admin
Keymaster

To set the height on

May 5, 2010 at 7:01 am #94155

egocks
Participant

Hi,

I encountered the same problem. But I was lucky enough to find the solution in a certain blog post –>http://2centtech.blogspot.com/2009/12/jqgrid-header-and-cell-value-word-wrap.html)

In summary, the right CSS to set is:

.ui-jqgrid .ui-jqgrid-htable th div {

September 1, 2010 at 1:34 am #95781

deepak_ahu
Participant

Great egocks!! it worked fine for me to.. thanks

February 16, 2012 at 5:17 pm #99508

marine
Participant

It works for me to! thank you!
Author

Replies