DataTables碎碎念-初始化一个常用的DataTables

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/CutelittleBo/article/details/83276291

ajax请求,动态分页

        $('#activity_statistics_list_table').DataTable(
            {
                language: {
                    url:'//cdn.datatables.net/plug-ins/1.10.19/i18n/Chinese.json'
                },
                processing: true,
                serverSide: true,
                ajax: {
                    url:"/request.html",
                    data: function(d){
                        //可以在发送请求前,修改、添加data中的数据。
                        return d;
                        //return JSON.stringify(d);		//可以将数据封装成JSON后发送,方便后台解析
                    }
                    //type: "post",	
                    //contentType:"application/json",			//可以将数据封装成JSON后发送,方便后台解析
                },
                columns: [
                    {
                        data: '返回数据的参数名称',
                        render: function(data, type, row, meta){
                            //可以在此处自定义数据,比如添加一个按钮,链接。然后返回一段HTML。
                            return data;
                        },
                        //orderable:false;				//此列是否能进行排序
                    },
                ],
                
                //stateSave: true,	保存表格状态
                //ordering:true,		是否允许排序
                //searching:false,	是否显示搜索对话框
            }
        );

请求数据和返回数据参数:

https://blog.csdn.net/CutelittleBo/article/details/83275662

https://segmentfault.com/a/1190000004478726

http://datatables.club/manual/server-side.html

猜你喜欢

转载自blog.csdn.net/CutelittleBo/article/details/83276291
今日推荐