HTML部分:简单的表格样式,不要嫌弃哈
<div class="flow-default" id="handle_demo"> <!--此id为流加载应用范围标识-->
<table>
<tr>
<th>id</th>
<th>name</th>
<th>age</th>
<th>img</th>
<th>sex</th>
</tr>
</table>
</div>
JS部分:ajax请求后台数据,并对数据进行处理拼接
<script src="/static/layui-v2.4.5/layui/layui.js" charset="utf-8"></script>
<script>
layui.use('flow', function(){
var flow = layui.flow;
var $ = layui.jquery;
//手动点击加载下一页
flow.load({
elem: '#handle_demo' //流加载容器
,scrollElem: '#handle_demo' //滚动条所在元素,一般不用填,此处只是演示需要。
,isAuto: false //自动加载 为true的时候是自动加载
,isLazyimg: true //图片懒加载
,done: function(page, next){ //加载下一页
// console.log(page);