layui實現數據表格table分頁功能，異步加載，表格渲染。總體流程：layui的數據表格設置分頁參數開啟可以從請求中看到如下圖，所以我們需要在后端控制器接收分頁數據page和limit進行操作，下面直接上代碼

分頁鏈接

框架：laravel5.6

js代碼

var share_id = $("#share_id").val();

layui.use('table', function(){

var table = layui.table;

table.render({

elem: '#record_table'

,url:'/getRecordMemberList'

,toolbar: '#toolbarDemo' //開啟頭部工具欄，并為其綁定左側模板

,defaultToolbar: ['exports', 'print'],//頭部工具欄右側圖標

cols: [[

{field:'car_num',title: '車牌號',align: 'center', sort: true},

{field:'member_phone',title: '手機號',align: 'center', sort: true},

{field:'status',title: '狀態',sort: true,align: 'center',

templet:function(d){

if(d.status ==1)

return '已核銷';

else

return '未核銷'

}

},

{field:'add_time',align: 'center',title: '登記時間', sort: true},

{title:'操作', align: 'center',toolbar: '#barDemo'}

]],

where: {

share_id : share_id

}

,page: true,

});

controller代碼

public function getRecordMemberList(Request $request)

{

$share_id = $request->input('share_id');

$page = $request->input('page');

$limit = $request->input('limit');

$offset=($page-1)*$limit;

$data = JSDMemberModel::selectRaw("

member_id,

share_id,

car_num,

member_phone,

status,

FROM_UNIXTIME(add_time,'%Y-%m-%d %H:%i:%s') as add_time

")

->where('share_id',$share_id);

$count = $data->count();

$data = $data->orderBy('status','asc')->orderBy('add_time','desc')->offset($offset)

->limit($limit)->get();

if(!collect($data)->isEmpty()){

return response([

'code'=>'0',

'msg'=>'ok',

'count'=>$count,

'data'=>$data]);

}else{

return response([

'code'=>'',

'msg'=>'false',

'count'=>'',

'data'=>'']);

}

}

總結

以上是生活随笔為你收集整理的java实现layui静态表格分页,layui——数据表格分页实例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。