FlexGrid简单demo

1.首先加入以下代码
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="stylesheet" type="text/css" href="flexigrid-1.1/css/flexigrid.pack.css" />
     <script type="text/javascript" src="flexigrid-1.1/js/JQuery.1.5.2.min.js"></script>
    <script type="text/javascript" src="/flexgrid/flexigrid-1.1/js/flexigrid.js"></script>
    <title></title>

    <script>
        $().ready(function () {
            $("#flex1").flexigrid({
                url: '/flexgrid/json.ashx',
                dataType: 'json',
                colModel: [

    { display: '任务编号', name: 'Unid', sortable: true, width: 40, align: 'center' },

    { display: '第一列', name: 'CustomerName', width: 180, align: 'left' },

    { display: '第二列', name: 'Memo', width: 120, align: 'left' },
     { display: '第二列', name: 'Memo', width: 120, align: 'left' },
                ],
                sortname: "Unid",
                sortorder: "asc",
                usepager: true,
                title: 'One Demo',
                useRp: true,
                rp: 10,
                width: 'auto',
                height: 255,
                query:"a=1&b=2"
            })
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
         <table id="flex1" style="">
        </table>
    </div>
    </form>
</body>
</html>
View Code