简单实现了数据加载
table模块用于对表格进行一些列功能和动态化数据操作,涵盖了日常业务所涉及的几乎全部需求。支持固定表头、固定行、固定列左/列右,支持拖拽改变列宽度,支持排序,支持多级表头,支持单元格的自定义模板,支持对表格重载(比如搜索、条件筛选等),支持复选框,支持分页,支持单元格编辑等等一些列功能。
相关文档:http://www.layui.com/doc/modules/table.html
其实这个插件用起来很方便,功能也是相当的强大。
查看文档接口返回的数据格式:
默认接受的数据格式
{
code: 0,
msg: "",
count: 1000,
data: []
}
所以我们只要返回相关的数据就可以了。
jsp主要引入相关的文件:
<link href="layui/css/layui.css" type="text/css" />
<script src="layui/layui.js" type="text/javascript"></script>
相关js代码:
<body>
<div align="center" style="width:750px;height: 400px;">
<table id="user" lay-filter="test"></table>
</div>
<script type="text/javascript">
layui.use('table', function() {
var table = layui.table;
//第一个实例
table.render({
elem: '#user',
loading:true,
skin: 'line', //行边框风格
even : true,//开启隔行背景
size : 'sm',//小尺寸的表格
url : '<%=basePath%>user/page.do',
limit : 10,
limits : [ <