Datatables使用之增加序号（1.10新版实现）

小渣渣

JQuery的Datatables插件，做表格非常不错。

本来以为给表格加一个序号很简单，可是看了Datatables的官方实现看似代码也不简单，测试发现了一些问题，用的不爽。网络上并没有搜索到好的解决方案，就跟踪代码，自己找到了一种方法。

序号实现（方便，非官方实现）
自己动手丰衣足食啊，既然column的data可以是一个函数，那么就看看参数中的数据。结果确实发现了一些有用的数据，开始动手。



代码如下：

登录可见。

重点就是下面这一句
meta.settings._iDisplayStart + meta.row + 1;
经过分析得知：
meta.settings._iDisplayStart 每一次显示的记录的起始索引；
meta.row+1 是当前页的行索引，加1就是行号；
两者相加，就是当期的行序号。

这个方法，不是官方提供或推荐的方法，但是在data中处理好显示的数据，我觉得更加的直观，而且代价更小。

QWERTYU

                          

小渣渣

名称	类型	描述
draw	integerJS	请求次数计数器，每次发送给服务器后又原封返回.
start	integerJS	第一条数据的起始位置，比如0代表第一条数据
length	integerJS	每页显示的条数.
search[value]	stringJS	全局的搜索条件，针对于每一列（ searchable需要设置为 true ）
search[regex]	booleanJS	如果为 true代表全局搜索的值是作为正则表达式处理，为 false则不是。
order[column]	integerJS	i是一个数组索引，对应的是 columns，从0开始，次参数表示那一列需要排序
order[dir]	stringJS	上面确定了是那一列，这个确定对应的列是什么样的排序方式 desc 是降序 asc升序
columns[data]	stringJS	columns 绑定的数据源，由 columns.data 定义
columns[name]	stringJS	columns.name 里定义的名称
columns[searchable]	booleanJS	标记列是否能被搜索 为 true代表可以，否则不可以，这个是由 columns.searchable 控制
columns[orderable]	booleanJS	标记列是否能排序 为 true代表可以，否则不可以，这个是由 columns.orderabl 控制
columns[search][value]	stringJS	特定列的搜索条件
columns[search][regex]	booleanJS	特定列的搜索条件是否视为正则表达式