Take care of the red lines in the following code,they will make the datagrid's title display.In jquery-easyui-1.2.3 the bug is also exist
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jQuery EasyUI</title>
<link rel="stylesheet" type="text/css" href="themes/default/easyui.css">
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="jquery.easyui.min.js"></script>
<script>
$(function(){
$('#tt').datagrid({
url: 'datagrid_data.json',
title: 'DataGrid - ContextMenu',
width: 600,
height: 300,
fitColumns: true,
columns:[[
{field:'itemid',title:"Item ID11s",width:80},
{field:'productid',title:'Product ID',width:100},
{field:'listprice',title:'List Price',width:80,align:'right'},
{field:'unitcost',title:'Unit Cost',width:80,align:'right'},
{field:'attr1',title:'Attribute',width:150},
{field:'status',title:'Status',width:60,align:'center'}
]]
});
});
function setTarget(centerURL){
$('#layOutDiv').layout('panel','center').panel({
href:centerURL
});
}
</script>
</head>
<body >
<div align="center"> <div id="layOutDiv" class="easyui-layout" style="width:1023px;height:100%;" >
<div region="north" border="false" style="height:60px;background:#B3DFDA;">north region</div>
<div region="center" title="Main Title">
<table id="tt"></table>
</div>
</div>
</div></body>
</html>
