Datagrid--入门

datagrid定义方式

第一种：

    <table id="datagrid" class="easyui-datagrid" title="图书管理">
        <thead>
            <tr>
                <th data-options="field:'id',width:100">编号</th>
                <th data-options="field:'name',width:100">书名</th>
                <th data-options="field:'price',width:100">价格</th>
                <th data-options="field:'author',width:100">作者</th>
                <th data-options="field:'date',width:100">出版时间</th>
            </tr>
        </thead>
    </table>

第二种：

js

$("#datagrid").datagrid({
     title: "图书管理",
     columns: [[
         { field: 'id', width: 100, title: '编号' },
         { field: 'name', width: 100, title: '书名' },
         { field: 'price', width: 100, title: '价格' },
         { field: 'author', width: 100, title: '作者' },
         { field: 'date', width: 100, title: '出版时间' }
     ]]
 });    

html

<table id="datagrid"></table>