jQuery Grid Plugin - jqGrid - Topic: How to reduce pager toolbar size http://www.trirand.com/blog/?page_id=393/help/how-to-reduce-pager-toolbar-size Simple:Press Version 5.7.5.3 jfernandezrico on How to reduce pager toolbar size http://www.trirand.com/blog/?page_id=393/help/how-to-reduce-pager-toolbar-size#p23559 Help http://www.trirand.com/blog/?page_id=393/help/how-to-reduce-pager-toolbar-size#p23559 Thank you very much OlegK,

It was very useful for me. I was driving crazy looking for the element to edit within js code.

Regards,

]]> Fri, 10 Jun 2011 14:28:54 +0300 OlegK on How to reduce pager toolbar size http://www.trirand.com/blog/?page_id=393/help/how-to-reduce-pager-toolbar-size#p23554 Help http://www.trirand.com/blog/?page_id=393/help/how-to-reduce-pager-toolbar-size#p23554 Hello jfernandezrico,

You can improve the visibility of the pager if you exactute the following code

$($("#listGrupos")[0].p.pager+"_left").hide();

which will hide the empty div with id="pagerGrupos_left" existing on the left part of the pager.

Best regards
Oleg 

]]> Fri, 10 Jun 2011 12:35:07 +0300 jfernandezrico on How to reduce pager toolbar size http://www.trirand.com/blog/?page_id=393/help/how-to-reduce-pager-toolbar-size#p23553 Help http://www.trirand.com/blog/?page_id=393/help/how-to-reduce-pager-toolbar-size#p23553 Hello,

I've got next code which contains a jqgrid with 2 columns.

            $("#listGrupos").jqGrid({
                url: '<%= Url.Action("GetRestoGrupos") %>',
                datatype: 'json',
                mtype: 'GET',
                colNames: ['Descripción', 'Código'],
                colModel: [
                        { index: 'descripcion', width: 200, align: 'left' },
                        { index: 'codigo', width: 200, align: 'left' },
                    ],
                pager: $('#pagerGrupos'),
                rowNum: 10,
                rowList: [10, 20, 50],
                sortname: 'descripcion',
                sortorder: 'asc',
                viewrecords: true,
                imgpath: '/Scripts/jquery-ui-1.8.12.custom/css/south-street/images',
                caption: 'Resto de Grupos',
                height: 200,
                width: 400,
                postData: { idLinea: function() { return $("#lineaSelected").val(); } },
                onSelectRow: function(id) {
                }
            });

The problem there is that pager toolbar message 'Showing page 1-3 of 3' is not beeing shown because of the small width of the jqgrid.Look at the image:

Image Enlarger

How can I reduce the empty left part of the pager toolbar div?

Thanks a lot,

]]> Fri, 10 Jun 2011 12:04:09 +0300