1. 程式人生 > >DataTables碎碎念-初始化一個常用的DataTables

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

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,	是否顯示搜尋對話方塊
            }
        );

請求資料和返回資料引數: