easyui datagrid 学习（一）

注意：当使用谷歌浏览器时！需要设置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>

easyui datagrid 学习 （一）

easyui datagrid 学习（一）