"sPaginationType": "full_numbers",
"bPaginate": true, //翻页功能
"bLengthChange": false, //改变每页显示数据数量
"bFilter": false, //过滤功能
"bSort": false, //排序功能
"bInfo": true,//页脚信息
"bAutoWidth": true,//自动宽度
"bDestroy":true,
"iDisplayLength":10, //每页显示多少行
"aoColumns": [
{ "mDataProp": null},
"oLanguage": {
"sUrl": basePath+"plugins/datatable/cn.txt" //中文包
"fnDrawCallback": function (oSettings) {
var json=jQuery.parseJSON(oSettings.jqXHR.responseText);//获取后台方式 直接可以拿到json 之后进行处理
"aoColumnDefs":[
function getDataTable(){ $('#userTable').dataTable({ "bProcessing": true, 'bServerSide': true, 'fnServerParams': function ( aoData ) { aoData.p
jquery
.
datatable
s作为一款实用的表格插件，使用起来方便，高度灵活，为传统的HTML表格新增了很多实用的交互功能，最近都在使用这插件，也遇到了一些问题，为方便自己和他人特在此做简单的记录。
1、如何在操作后，重新加载本页面数据，常见操作：编辑、删除等
function reload(){
var oTable = $("#table1").
dataTable
(); //t
因为公司用到了自己定义的列表展示，于是看了看实现的
方法
，发现，是在
jquery
上，进行了插件开发。
下面的代码是在使用插件，渲染集合列表。
$('#table_report').
dataTable
({
"bFilter" : false, // 开关，是否启用客户端过滤器
"bProcessing" : true, // 当
datatable
获取
数据时候是否显示正在处理提示信息。
上周因为需要使用了
datatable
，可是网上搜索到的要么就是一点点的参数介绍，要么就是几个
回
调
函数
的介绍，极少数有比较全面的，所以把自己用到的总结了一下，这其中涉及到服务端的分页，其实
datatable
都给我们集成好了，用起来是很方便的，话不多说，如下：
关于
datatable
使用详解：
1、基本参数配置：
公司项目里，使用的是
jquery
datatable
框架来展示数据的，在使用的时候遇到一个问题，就是要自动生成序号，且在分页的时候，下一页的序号紧跟着前一页的序号，下面是代码：
"
fnDrawCallback
" : function(){
var api = this.api();
var startIndex= ...
1.请求服务端时添加数据，ajax 的data选项，其中request就是发向后端的数据。2.得到返
回
数据后对数据做处理，
fnDrawCallback
选项$('#myTable').
DataTable
({
serverSide: true,
processing: true,
lengthMenu: [5
0x01 难点：
一. 怎么添加自定义代码？
前提：
datatable
s在整个html加载完毕后，进行
datatable
s数据的渲染，并且把右下角的 “上页 页码 下页” 加载出来。
问题：因此，在script中的选择器能定位到 "id=dynamic-table_paginate" 的div元素(
datatable
s 右下角页码跳转...
当我们需要在加载或者显示表格的时候，改变
jquery
datatable
的数据，或增加一些html标签处理。
可以通过
Jquery
DataTable
的
回
调
函数
处理。
实例代码：
if (oTable != null) { oTable.fnDestroy(); };
var detail="../Pages/detail/detail.aspx?oper=edi...
可以使用
jQuery
插件
DataTable
s 提供的 API，将
DataTable
转换为
JSON
格式。具体的步骤如下：
1. 引入
DataTable
s 插件和
jQuery
库：
```html
<link rel="stylesheet" type="text/css" href="https://cdn.
datatable
s.net/v/dt/dt-1.10.23/
datatable
s.min.css"/>
<script type="text/javascript" src="https://code.
jquery
.com/
jquery
-3.5.1.min.js"></script>
<script type="text/javascript" src="https://cdn.
datatable
s.net/v/dt/dt-1.10.23/
datatable
s.min.js"></script>
2. 初始化
DataTable
：
```javascript
$(document).ready(function() {
$('#example').
DataTable
();
3. 使用
DataTable
提供的 API 将表格数据转换为
JSON
：
```javascript
$(document).ready(function() {
var table = $('#example').
DataTable
();
var data = table.rows().data().toArray();
var
json
=
JSON
.stringify(data);
console.log(
json
);
其中，`table.rows().data().toArray()` 可以
获取
DataTable
中所有行的数据，返
回
一个二维数组；`
JSON
.stringify(data)` 可以将数据转换为
JSON
字符串。
注意，这种
方法
只能
获取
当前
DataTable
中的数据，如果需要
获取
后台数据库中的数据，需要使用 AJAX 请求后台接口
获取
数据。
