像下面这样: 经过查阅官方文档,发现官方代码是这样的: 当使用javascript创建table时:
<table id="dg"></table> $('#dg').datagrid({ url:'datagrid_data.json', columns:[[ {field:'code',title:'代码',width:100}, {field:'name',title:'名称',width:100}, {field:'price',title:'价格',width:100,align:'right'} ]] });当用标签创建表格时:
<table class="easyui-datagrid" style="width:400px;height:250px" data-options="url:'datagrid_data.json',fitColumns:true,singleSelect:true"> <thead> <tr> <th data-options="field:'code',width:100">编码</th> <th data-options="field:'name',width:100">名称</th> <th data-options="field:'price',width:100,align:'right'">价格</th> </tr> </thead> </table>经过对比得知:
标签创建表格需要class=“easyui-datagrid” javascript创建不需要class