jQuery Grid Plugin - jqGrid - Topic: JqGrid Paging Box Height issue http://www.trirand.com/blog/?page_id=393/help/jqgrid-paging-box-height-issue Simple:Press Version 5.7.5.3 archan.bhatt on JqGrid Paging Box Height issue http://www.trirand.com/blog/?page_id=393/help/jqgrid-paging-box-height-issue#p18953 Help http://www.trirand.com/blog/?page_id=393/help/jqgrid-paging-box-height-issue#p18953

tony said:

Hello,

http://www.trirand.com/jqgridw.....to_install

Read all the notes here. Using DOCTYPE is recommended when we use jQuery UI theming

Regards

Tony

Thanks Tony,

It helped me. I realized that DOCTYPE is the most important line in HTML!

]]> Tue, 03 Aug 2010 21:43:57 +0300 tony on JqGrid Paging Box Height issue http://www.trirand.com/blog/?page_id=393/help/jqgrid-paging-box-height-issue#p16307 Help http://www.trirand.com/blog/?page_id=393/help/jqgrid-paging-box-height-issue#p16307 Hello,

http://www.trirand.com/jqgridw.....to_install

Read all the notes here. Using DOCTYPE is recommended when we use jQuery UI theming

Regards

Tony

]]> Thu, 08 Apr 2010 13:52:50 +0300 ismomo on JqGrid Paging Box Height issue http://www.trirand.com/blog/?page_id=393/help/jqgrid-paging-box-height-issue#p16274 Help http://www.trirand.com/blog/?page_id=393/help/jqgrid-paging-box-height-issue#p16274 I am facing a problem, as while I load the jqGrid, the pager box height becomes thin and wide if compared with the paging LOV beside it.
Tried to edit the css in ui.jqgrid.css but it still looks the same. Can somebody point out where goes wrong? Thanks.
Below is my code,

<html>
    <head>
        <title>Jquery Table DOt Class</title>
        <style>
        html, body {
            margin: 0;          /* Remove body margin/padding */
            padding: 0;
            overflow: hidden;   /* Remove scroll bars on browser window */
            font-size: 50%;
        }
       body {margin: 0px;padding:0px;width: 100%;height:100%; font: 62.5% Verdana, sans-serif;}
        </style>
        <link rel="stylesheet" type="text/css" media="screen" href="/css/jGrid_css/jquery-ui-1.8.custom.css" />
        <link rel="stylesheet" type="text/css" media="screen" href="/css/jGrid_css/ui.jqgrid.css" />
        <link rel="stylesheet" type="text/css" media="screen" href="/css/jGrid_css/ui.multiselect.css" />
        <style>
            .ui-jqgrid .ui-pg-input { height:15px;font-size:1em; margin: 0em;}
        </style>
        <script type="text/javascript" src="/jslib/jquery.js"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/aja.....pt&gt;
        <script type="text/javascript" src="/jqGrid/i18n/grid.locale-en.js"></script>
        <script type="text/javascript">
            $.jgrid.no_legacy_api = true;
            $.jgrid.useJSON = true;
        </script>
        <script type="text/javascript" src="/jqGrid/jquery.jqGrid.min.js"></script>
        <script>
            $(document).ready(function() {
            jQuery("#newapi").jqGrid({
                datatype: "local",
                colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'],
                colModel:[ {name:'id',index:'id', width:55},
                           {name:'invdate',index:'invdate', width:90},
                           {name:'name',index:'name asc, invdate', width:100},
                           {name:'amount',index:'amount', width:80, align:"right"},
                           {name:'tax',index:'tax', width:80, align:"right"},
                           {name:'total',index:'total', width:80,align:"right"},
                           {name:'note',index:'note', width:150, sortable:false}
                        ],
                rowNum:10,
                rowList:[10,20,30],
                pager: '#pnewapi',
                sortname: 'invdate',
                viewrecords: true,
                sortorder: "desc",
                caption:"New API Example" });
            jQuery("#newapi").jqGrid('navGrid','#pnewapi',{edit:false,add:false,del:false});
            var mydata = [ {id:"1",invdate:"2007-10-01",name:"test",note:"note",amount:"200.00",tax:"10.00",total:"210.00"}, {id:"2",invdate:"2007-10-02",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"}, {id:"3",invdate:"2007-09-01",name:"test3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"}, {id:"4",invdate:"2007-10-04",name:"test",note:"note",amount:"200.00",tax:"10.00",total:"210.00"}, {id:"5",invdate:"2007-10-05",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"}, {id:"6",invdate:"2007-09-06",name:"test3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"}, {id:"7",invdate:"2007-10-04",name:"test",note:"note",amount:"200.00",tax:"10.00",total:"210.00"}, {id:"8",invdate:"2007-10-03",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"}, {id:"9",invdate:"2007-09-01",name:"test3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"} ];
            for(var i=0;i<=mydata.length;i++)
                jQuery("#newapi").jqGrid('addRowData',i+1,mydata[i]);
        });
        </script>
    </head>
    <body>
        <table id="newapi"></table>
        <div id="pnewapi"></div>
    </body>
</html>
]]> Wed, 07 Apr 2010 12:51:39 +0300