如何在Serversatable中实现与服务器端的分页获取api
我有一个服务器分页的api,
http://demo.example.com?offset=0&limit=10
我如何在Datatables中实现。 我试过下面但没有成功
$('#example').dataTable( { "ajax": { "url": "data.json", "dataSrc": function ( json ) { for ( var i=0, ien=json.length ; i<ien ; i++ ) { json[i][0] = 'Next Page'; } return json; } } } );
最后有一些时间来实现服务器端分页的示例。
以下是它的完整示例。 请注意我们为API调用提供的输入。 你可以看看这个ajax: function ( data, callback, settings )
这是主键,我们从哪里获得正确的pagenumber和pagesize。
Jquery Datatable Example First name Last name Position Office Start date Salary
在上面的例子中,我们正在与一个api集成,它返回一个以下格式的JSON。
在下面的格式中,请注意属性“TotalRecords”,“RecordsFiltered”。 这些是数据表重新计算分页内容并显示正确页数所必需的。
{ "Data":[ { "first_name":"FirstName 5", "last_name":"LastName 5", "position":null, "office":"start date 5", "start_date":"office 5", "salary":50 }, { "first_name":"FirstName 6", "last_name":"LastName 6", "position":null, "office":"start date 6", "start_date":"office 6", "salary":60 }, { "first_name":"FirstName 7", "last_name":"LastName 7", "position":null, "office":"start date 7", "start_date":"office 7", "salary":70 }, { "first_name":"FirstName 8", "last_name":"LastName 8", "position":null, "office":"start date 8", "start_date":"office 8", "salary":80 }, { "first_name":"FirstName 9", "last_name":"LastName 9", "position":null, "office":"start date 9", "start_date":"office 9", "salary":90 } ], "TotalRecords":100, "RecordsFiltered":100 }
- 带有来自Codeigniter的PHP数据的Datatables子行
- jQuery DataTable:在表头上搜索单个列
- 使用yadcffilter导出为PDF时标题不正确
- 如何在Datatable Server Side处理中加载额外的Javascript?
- 如何从php获取数据表jquery插件的json数据
- 如何将dataTables的水平滚动条放在表格的顶部?
- DataTables从JSON或JS Array&Objects填充表
- 如果流水线操作为假,则蒲公英数据表+ Spring mvc分页将禁用
- jQuery DataTables:我可以为Sort提供3种状态:ASC,DESC和NO_SORT吗?