DataTable使用样例

$('#add-row').DataTable({
	"pageLength": 10,
    //"debug":"true",   //只验证不提交表单
	"ajax": {
		"url": API+url, //请求地址
		"dataSrc": "data",//这里是后台返回的数据对象
		"type":"GET",   //请求方式
		"data": function (d) {//d 是原始的发送给服务器的数据,默认很长。
			var param = {};//因为服务端排序,可以新建一个参数对象
            param.pageNum = 1, //当前页
            param.pageSize= 10, //每页显示条数
			return param;//自定义需要传递的参数。
		}
	 },
      //添加上之后可以有空数据,否则有null的字段会报错
	 "columnDefs": [{"defaultContent": "","targets": "_all"}], 
      //对接所有的后台返回数据的字段
	 "columns":[
		{ "data": "id" },
		{ "data": "name"},
		{ "data": "nickName" },
		{ "data": "icon" },
         //如果存在修改返回类型需要在
		{ "data": "sex" ,
            //data显示是sex的返回数据
            //full返回的是整条数据
		  "render": function (data, type, full, callback) {
			 if(data==0){
				 return "女";
			 }else{
				 return "男";
			 }
		},
		{ "data": "createTime"},
		{"data": "userStatus"},
            //列表后面的操作按钮,可以进行拼接
		{
			"data": "id",//json
		    "render": function (data, type, full, callback) {
			  return ('<input type="button" name="" id="" value="" />');
			}
		 }
		 ],
        //配置分页中文显示
	"language": {	
		"sProcessing": "处理中...",
		"sLengthMenu": "显示 _MENU_ 项结果",
		"sZeroRecords": "没有匹配结果",
		"sInfo": "显示第 _START_ 至 _END_ 项结果,共 _TOTAL_ 项",
		"sInfoEmpty": "显示第 0 至 0 项结果,共 0 项",
		"sInfoFiltered": "(由 _MAX_ 项结果过滤)",
		"sInfoPostFix": "",
		"sSearch": "搜索:",
		"sUrl": "",
		"sEmptyTable": "表中数据为空",
		"sLoadingRecords": "载入中...",
		"sInfoThousands": ",",
		"oPaginate": {
		"sFirst": "首页",
		"sPrevious": "上一页",
		"sNext": "下一页",
		"sLast": "末页"
		},
		"oAria": {
		"sSortAscending": ": 以升序排列此列",
		"sSortDescending": ": 以降序排列此列"
		}
	}
});

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

故里明月

感谢大大的打赏,俺会继续努力的

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值