注意：当使用谷歌浏览器时！需要 设置style="overflow:hidden",这样则可以去掉滚动条！（该样式添加到layout上！）
fit:属性
自动填父容器，
border：属性
默认为true，设置为false时！去掉边框！
<body>
<table id="dg"></table>
<script type="text/javascript">
$(function() {
$('#dg').datagrid({
url : 'datagrid_data.json',
title : 'my数据表格', //标题
iconCls : '', //图表
pagination : true, //设置为true 在底部创建分页工具条
pageSize : 10, //初始化每页行数
pageList : [ 10, 20, 30, 40, 50 ],//设置可变每页行数
fit : true,
fitColumns : true, //自动设置列宽，设置该属性不会出现横向滚动条
nowrap : false, //如果单元格中的数据过大，则是否自己折行，默认是true不折行！
idField : 'code', //设置标识字段，如果设置该属性，在datagrid中选中的数据行，在进行翻页之后还是选中状态！
sortName:'name', //设置默认排序
sortOrder:'desc', //设置默认降序方式排序 注意： 排序设置现在只是前端完成配置，后台还需要根据返回的参数进行后续处理
columns : [ [ {
field : 'code',
title : 'Code',
width : 100,
sortable:true
}, {
field : 'name',
title : 'Name',
width : 100,
sortable:true
}, {
field : 'price',
title : 'Price',
width : 100,
align : 'right'
} ] ]
});
});
</script>
</body>