Forum

November 2nd, 2014
A A A
Avatar

Lost password?
Advanced Search

— Forum Scope —




— Match —





— Forum Options —





Minimum search word length is 3 characters - maximum search word length is 84 characters

The forums are currently locked and only available for read only access
sp_Feed Topic RSS sp_Related Related Topics sp_TopicIcon
The height of the grid
29/11/2011
17:12
Avatar
bastien
france
Member
Members
Forum Posts: 4
Member Since:
29/11/2011
sp_UserOfflineSmall Offline

Hi,

I just discover the grid in order to use it on one of my project. The work done is very impressive. I set up my first grid and now I try to put all the features I want and the design too.

And, I'm looking for a simple thing : how to change the height of the grid. I looked in the generated html with Chrome and I found there is the height of the div with the class

"ui-jqgrid-bdiv"

. If I change it, it works. But this height is calculated, if I understood, at the line 2389 of the jqgrid js sources : 

.css({ height: ts.p.height+(isNaN(ts.p.height)?"":"px"), width: (grid.width)+"px"})

I don't understand how to modify this height. I don't know what is the object "ts.p", but I think that's not the problem. I think I miss a simple way to modify the height of the grid. Ithink I m not the only one with this question (i did a search, without result).

Any idea ?

thanks by advance

Bastien

29/11/2011
18:41
Avatar
OlegK
Germany
Member
Members
Forum Posts: 1255
Member Since:
10/08/2009
sp_UserOfflineSmall Offline

Hello Bastien,

you should just use height option of jqGrid. For examplle, height: 300, height: 'auto' or height: '100%'.

Best regards
Oleg 

29/11/2011
19:17
Avatar
bastien
france
Member
Members
Forum Posts: 4
Member Since:
29/11/2011
sp_UserOfflineSmall Offline

Wow Laugh

Thanks Oleg. Evidently. I was looking for complex stuff. It's so easy ! Laugh

Have a nice day !

Bastien

30/06/2013
16:32
Avatar
muni
New Member
Members
Forum Posts: 2
Member Since:
30/06/2013
sp_UserOfflineSmall Offline

Add the following css styles in between style tag in your jQGrid file.

<style>

.ui-jqgrid .ui-jqgrid-hdiv {height:25px;}

</style>

More detailed customization on refer following tutorial Pagination, Previous, Next, First and Last button using jQGrid, PHP, MySQL, jQuery and Ajax

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
31 Guest(s)

Currently Browsing this Page:
1 Guest(s)

Top Posters:

OlegK: 1255

markw65: 179

kobruleht: 144

phicarre: 132

YamilBracho: 124

Renso: 118

Member Stats:

Guest Posters: 447

Members: 11373

Moderators: 2

Admins: 1

Forum Stats:

Groups: 1

Forums: 8

Topics: 10592

Posts: 31289

Newest Members:

, razia, Prankie, psky, praveen neelam, greg.valainis@pa-tech.com

Moderators: tony: 7721, Rumen[Trirand]: 81

Administrators: admin: 66

Comments are closed.
Privacy Policy   Terms and Conditions   Contact Information