Forum
Log In
Home
Topic RSS
12:51
03/09/2009
Offline
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,
<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>
<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>
13:52
Moderators
30/10/2007
Offline
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
For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.
21:43
30/07/2010
Offline
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!
Most Users Ever Online: 715
Currently Online:
30 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.comModerators: tony: 7721, Rumen[Trirand]: 81
Administrators: admin: 66
