Here is the same page, but, with the correct layout:

https://picasaweb.google.com/100470218423753226450/Apps#5590737287949556610

And here is the old code:

jQuery("#grid").navGrid("#pager",
        { edit: false, add: false, del: false, refresh: false, search: false }, // Options
        {height: 280, width: 650, jqModal: false, closeOnEscape: true }, // Edit options
        {height: 280, width: 650, jqModal: false, closeOnEscape: true }, // Add options
        {}, // Delete options
        {}, // Search options
        {} // View options
    );

Now, this is the code to correct the problem:

jQuery("#grid").navGrid("#pager",
        { edit: false, add: false, del: false, refresh: false, search: false }, // Options
        {dataheight: 200, height: 290, width: 650, jqModal: false, closeOnEscape: true }, // Edit options
        {dataheight: 200, height: 290, width: 650, jqModal: false, closeOnEscape: true }, // Add options
        {}, // Delete options
        {}, // Search options
        {} // View options
    );

Exist a property inside the jqgrid that specify the height for the editing controls. It's simple 😉

I have a little problem with an implementation of the jqGrid in my Web Page.

In a grid a have a lot of columns (10+), and when I want set all these columns to edit and display the edit form, don't display me all.

I want to know if exist a way to set in the edit form an option to set the vertical and horizontal scrollbars.

Here is the example of the issue:

[Image Can Not Be Found]

Here is the link of the image:

https://picasaweb.google.com/100470218423753226450/Apps#5590653711397752274

Thanks a lot for your response!