jQuery Grid Plugin - jqGridForum

Topic RSS

Row height and FF/MSIE difference

26/05/2009
09:10

lelio

New Member

Members

Forum Posts: 2

Member Since:
26/05/2009

Offline

Hello people,

I need to fix both the height of the grid and the height of each single row. After giving a look on the forum, I found the following:

afterInsertRow: function(rowid, aData) { $('#'+rowid).css({height:15}); }

It works, but it has a difference of behaviour between FF3 and MSIE7 when the number of rows is not enough to cover the whole height of the grid; on FF3, the height of each row remains 15px and a blank space is added after the last row to fill the remaining height (and this is the behaviour I need to get). On MSIE7, instead, each row is stretched to fill all available space.

I verified that the function is being called, I tried to set maxheight too, but witout success. Is there a way to fix via CSS and avoiding the use of setCell?

Thank you in advance.

Lelio

PS: I used jqGrid 3.4 and jQuery 1.3.2

28/05/2009
04:30

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

Open the grid.css and see this settings

    table.scroll tbody td {
    padding: 2px;
    text-align: left;
    border-bottom: 1px solid #D4D0C8;
    border-left: 1px solid #D4D0C8;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height : auto;
}

Also you can set the hight what you want.

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.

27/07/2009
08:30

tXuane

Member

Members

Forum Posts: 5

Member Since:
07/07/2009

Offline

Hello.
I have a problem with row height too.

In IE7 row height expands too fit the content.
In FF row height not expands independent of the content Always have the same height.

I want row height not expandas and always have the same height.

I try:

afterInsertRow: function(rowid, aData) { $('#'+rowid).css({height:15}); }

But not run OK with large contents in the cell.

What Can I do?

Thank's.

27/07/2009
12:27

tXuane

Member

Members

Forum Posts: 5

Member Since:
07/07/2009

Offline

Hello.

Y resolve it adding this line in ui.jqgrid.css:

.ui-jqgrid tr.jqgrow td {//white-space: pre !important; }

I get idea from here:

http://www.tufuncion.com/hacks-css

Regards.

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 994

Currently Online:
34 Guest(s)

Currently Browsing this Page:
1 Guest(s)