<script>
$(function(){
$('#contractGrid').datagrid({
url:'data/contract_data.json',
//fit: true,
width:826,
height:'auto',
remoteSort:false,
fitColumns:false,
nowrap:true,
collapsible:true,
striped: true,
border: true,
idField:'contractnum',
sortName:'contractnum',
columns:[[
{field:'ck',checkbox:true},
{field:'contractnum',title:'contractnum',width:80,sortable:true,align:'left'},
{field:'contractname',title:'contractname',width:150,align:'left',
formatter:function(value,rowData,rowIndex){
return "<a href='../htgl/contractBaseInfo.html' title='" + rowData.contractname + "'>" + rowData.contractname + "</a>";
}
},
{field:'contracttypeid',title:'contracttypeid,hidden:'true'},
{field:'contracttypename',title:'contracttypename',width:120,align:'left'},
{field:'contractdate',title:'contractdate',width:80,align:'left'}
]],
rownumbers:true
});
});
</script>
<html>
<body>
<div class="center">
<table id="contractGrid" class="easyui-datagrid"></table>
</div>
Up is my code, but it's not work, the datagrid can not be placed in a center div. my easyui version is 1.3, jquery is 1.7.2. maybe I do something else wrong? please help,thanks!
