jQuery
发布时间:2022-04-19 发布网站:大佬教程 code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery datatable ajax 获取数据/重新加载,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
table
@H_
675_4@<table class="table table-
Striped table-b
ordered table-hover " style="width: 100%;"
id="table1">
<thead>
<tr>
<th>名</th>
<th>类型</th>
<th>是否为空</th>
<th>
默认值</th>
<th>备注</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
js
@H_
675_4@data:
{
"data":[
{"1"
:1,"2":2,"3":3,"4"
:4,"5":5,},
{"1"
:1,}
]
}
@H_
675_4@$.getJSON(url,function (data,textStatus)
{
$("#table1").dataTable().fnDestroy(
);
var data1 = data[‘data‘]
$(‘#table1‘).DataTable(
{
data: data1,
columns: [
{data: ‘1‘},
{data: ‘2‘},
{data: ‘3‘},
{data: ‘4‘},
{data: ‘5‘}
],"oLanguage":
{
"sLengthMenu": "每页
显示 _MENU_ 条记录","sZeroRecords": "对不起,
查询不到任何相关数据","sInfo": "当前
显示 _START_ 到 _END_ 条,共 _@R_371_1
0586@L_条记录","sInfoEmtpy": "找不到相关数据","sInfoFiltered": " 数据表中共为 _MAX_ 条记录","sProcessing": "
正在加载中...","sSearch": "
搜索","oPaginate":
{
"sFirst": "
第一页","sPrev
IoUs": "
上一页 ","sNext": "
下一页 ","sLast": " 最后一页 "
}
},dom: ‘<"html5buttons"B>lTfgitp,‘,
{#"order": [[0,‘desc‘]],#}
"ordering":
false,//
禁止排序
buttons: [‘copy‘,‘csv‘,‘excel‘]
}
);
}
);
大佬总结
以上是大佬教程为你收集整理的jquery datatable ajax 获取数据/重新加载全部内容,希望文章能够帮你解决jquery datatable ajax 获取数据/重新加载所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。