EasyUI datagrid 一个可以 直接运行例子一个文件 六

 <!DOCTYPE html>
 <html>
 <head>
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <title>Page Title</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="http://www.jeasyui.net/Application/Home/View/Public/js/easyui/themes/default/easyui.css    ">
    <link rel="stylesheet" type="text/css" href="http://www.jeasyui.net/Application/Home/View/Public/js/easyui/themes/icon.css">
     <script type="text/javascript"  src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
     <script type="text/javascript" src="http://www.jeasyui.net/Application/Home/View/Public/js/easyui/jquery.easyui.min.js"></script>
 </head>
 <body>
 <table id="dg" class="easyui-datagrid" style="width: auto; height: 350px;"></table>

 </body>
 <script>

     $("#dg").datagrid({
         iconCls: "icon-add",
         fitColumns: false,
         loadMsg: "数据加载中......",
         data:[ { "productid": "K9-DL-01", "unitcost": , "status": "P", "listprice": , "attr1": "Spotted Adult Female", "itemid": "EST-10" }, { "productid": "RP-SN-01", "unitcost": , "status": "P", "listprice": , "attr1": "Venomless", "itemid": "EST-11" }, { "productid": "RP-SN-01", "unitcost": , "status": "P", "listprice": , "attr1": "Rattleless", "itemid": "EST-12" }, { "productid": "RP-LI-02", "unitcost": , "status": "P", "listprice": , "attr1": "Green Adult", "itemid": "EST-13" }, { "productid": "FL-DSH-01", "unitcost": , "status": "P", "listprice": , "attr1": "Tailless", "itemid": "EST-14" }, { "productid": "FL-DSH-01", "unitcost": , "status": "P", "listprice": , "attr1": "With tail", "itemid": "EST-15" }, { "productid": "FL-DLH-02", "unitcost": , "status": "P", "listprice": , "attr1": "Adult Female", "itemid": "EST-16" }, { "productid": "FL-DLH-02", "unitcost": , "status": "P", "listprice": , "attr1": "Adult Male", "itemid": "EST-17" }, { "productid": "AV-CB-01", "unitcost": , "status": "P", "listprice": , "attr1": "Adult Male", "itemid": "EST-18" }, { "productid": "AV-CB-03", "unitcost": , "status": "P", "listprice": , "attr1": "Adult Male", "itemid": "EST-134" }] ,
         pagination: true,
         rownumbers: true,
         nowrap: false,
         showFooter: true,
         singleSelect: true,

         columns: [[
             {
                 field: 'itemid', title: '编号', width: , align: 'center',
                 formatter: function (value, row, index) {
                     return " <a href='javascript:void(0)' onclick='return LoadUserInfo()'>" + value + "</a>";
                 }
             },
             {
                 field: 'productid', title: '用户名', width: , align: 'center',
             },
             {
                 field: 'listprice', title: '姓名', width: , align: 'center',
             },
             {
                 field: 'unitcost', title: '操作', width: , align: 'center',
             },
             {
                 field: 'attr1', title: '操作', width: , align: 'center',
             },
             {
                 field: 'status', title: '操作', width: , align: 'center',
             }
         ]]
     })
 </script>
 </html>