jQuery Grid Plugin - jqGridForum

Topic RSS

3.5 Grid Column Heading Text Alignment

29/05/2009
23:53

casperd

Member

Members

Forum Posts: 76

Member Since:
11/05/2009

Offline

It seems when I specificy a width of less than 100 for any column, the text in the column heading is not properly aligned. Some of my columns need to be smaller.

Thansk for this cool plug-in!!

31/05/2009
11:25

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

What you mean with not properly aligned? Is this in all browsers or in certain one?

Reagrds

Tony

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

31/05/2009
11:53

casperd

Member

Members

Forum Posts: 76

Member Since:
11/05/2009

Offline

Hi Tony.

It seems to only hapen in IE. Whenever I set a column's width less than 100, the text of the column heading appears lower than the headings of the columns with wdiths larger than 100.

Thanks!

01/06/2009
07:51

casperd

Member

Members

Forum Posts: 76

Member Since:
11/05/2009

Offline

Hi Tony,

I have loaded release 4 of 3.5 BETA, and this looks better now. it still gives the same problem once I have a column with a width of less than 60, but for the time being I can live with this.

Thanks!

04/06/2009
04:22

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

This is a really weired bug in IE. I have try to resolve this for column heading, but it seems that in certain browsers there is a problem.

More you can read here

http://gramotei.wordpress.com/.....tables-td/

Best Regards

Tony

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

08/09/2009
22:42

Jay

Guest

Guests

I seem to have fixed this problem in ie7 and ie8 by changing the following in ui.jqgrid.css:

.ui-jqgrid .ui-th-div-ie{float:left;width:97%;white-space:nowrap;}

to this

.ui-jqgrid .ui-th-div-ie{white-space:nowrap;}

At first I removed the width, and this fixed the vertical alignment and the extra padding, but now the labels in the table headers wouldn't align to anything but left. So I removed the float:left and that seems to have done the trick. Obviously further testing would probably be warranted but I hope this helps.

10/09/2009
04:12

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

Thanks. This is the right fix. Also it fixes some other issues.

Best Regards

Tony

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
40 Guest(s)

Currently Browsing this Page:
1 Guest(s)