CODEWITHSUNDEEP
jqgrid
Andrus
Andrus

Reputation: 27921

how to add scrollbars to jqgrid view window and restrict its height

If table contains big multi-line text column, pressing jqgrid view toolbar button creates view window with big height and without scrollbar. Most of data is outside screen and is not visible.

I tried to add scrollbars and restrict its height using 

jQuery.extend(jQuery.jgrid.view, {
   savekey: [true, 13],
   recreateForm: true,
   closeOnEscape: true,
   dataheight: screen.height-230,
   height: 0.82* screen.height,
   width: 0.96*screen.width,
   top:5
     });

but those settings are ignored ( they work for edit window only if jQuery.jgrid.edit is used).

How to add scrollbar(s) and retrict view window height if it contains more data than fits to screen ?

Upvotes: 3

Views: 1748

Answers (1)

Oleg
Oleg

Reputation: 221997

I suggest to get the demo from the answer and extend the code a little. In the method beforeShowForm I suggest to include additional line

$(this).children("span").css({
    overflow: "auto",
    "text-align": "inherit", // overwrite 'text-align: "right"' if exist
    display: "inline-block",
    "max-height": "100px"
});

You can see the results on the demo. The height of the View form will be variable, but the maximal height of every field will be restricted to 100px (see max-height above):

enter image description here

or

enter image description here

Upvotes: 2

Related Questions