表格控件mmGrid 精简版直接就可以用

<%@ page language="java" contentType="text/html; charset=UTF-8"
 pageEncoding="UTF-8"%>
<%
 String path = request.getContextPath() + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript"
 src="<%=path%>sys/components/easyui/jquery.min.js"></script>
<link rel="stylesheet" type="text/css"
 href="<%=path%>sys/css/mmGrid.css">
<script type="text/javascript" src="<%=path%>sys/js/mmGrid.js"></script>
<link rel="stylesheet" type="text/css"
 href="<%=path%>sys/css/mmPaginator.css">
<script type="text/javascript" src="<%=path%>sys/js/mmPaginator.js"></script>
<script type="text/javascript">
 $(document).ready(
   function() {

    var fixed2 = function(val) {
     if (!val) {
      return '';
     }
     return val.toFixed(2);
    }
    var cols = [
      
      {
       title : '分组一',
       align : 'center',
       cols : [ {
        title : '字段一',
        name : 'ziduan1',
        width : 100,
        align : 'center',
        sortable : true,
        lockDisplay : true
       }, {
        title : '字段二',
        name : 'ziduan2',
        width : 100,
        align : 'center',
        sortable : true,
        lockDisplay : true
       } ]
      }
      ];

    $('#mmg').mmGrid({
     height : 460,
     cols : cols,
     url : '/uploads/rs/412/rrczw3xl/stockQuotePage.json', //axaj  获取 数据
     sortName : 'SECUCODE',
     sortStatus : 'asc',
     multiSelect : true, //多选
     checkCol : true, //选框列
     fullWidthRows : true, //伸展列宽自动充满表格
     nowrap : true, //内容不折行
     plugins : [ $('#pg').mmPaginator({}) ]//分页插件
    });

   });
</script>
<style type="text/css">
body {
 font-family: 'Helvetica Neue', helvetica, "Hiragino Sans GB",
  "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
 color: #333;
}

.mmGrid, .mmPaginator {
 font-size: 12px;
}

.btnPrice {
 display: block;
 width: 16px;
 height: 16px;
 margin: 0px auto;
 backgroundnull:url(https://beijingoptbbs.oss-cn-beijing.aliyuncs.com/cs/5606289-2c259017b3b23cd222bb41afce1c2d8e.gif)
  no-repeat;
}

.btnPrice:hover {
 backgroundnull:url(https://beijingoptbbs.oss-cn-beijing.aliyuncs.com/cs/5606289-0bf04c965b1a8ef4eca1ac792ca43412.gif)
  no-repeat;
}
</style>
<body>
 <table id="mmg"></table>
 <div id="pg" style="text-align: right;"></div>
</body>

</html>

表格控件mmGrid 精简版 直接就可以用

表格控件mmGrid 精简版直接就可以用