angular-datatables学习与实践总结3

这篇文章主要介绍dtOptions中的columns和columnDefs属性，这两个属性的类型都是array。

colunms和colunmDefs属性都可以用来定义表格中的列，不同点在于columns只能一列一列的定义，也就是说你有多少个th，就要定义多少个。而colunmDefs可以定义一个或多个列的属性，colunmDefs相对于columns多了一个targets选项，它表示定义的是哪些列，可以是下列情况：

• 0或者正整数-列从左到右是从0开始
• 一个负数-列从右到左的索引(-1代表最后一列)
• 一个字符串-将字符串和类名匹配列
• 字符串"_all"-所有列
• 另外， targets可以同时指定多列，接受一个数组（比如 targets: [ -1, -2 ] ）

两者共用的常用选项：

title：string 设置列的标题。

name：string 设置列的描述名称，可以通过dtInstance.column(name).data()来获取该列数据。

data：string 设置列的数据源，即如何从整个Table的数据源(object / array)中获得，与数据源中的key相对应。

className：string 给列中每个单元格指定一个或多个class，每个样式用空格分割。

defaultContent：string 单元格的默认内容。

orderable：boolean 列是否排序，默认true。

orderSequence：array 定义列排序方向，默认值['asc','desc']。

searthable：boolean 开启或者关闭此列中数据过滤，默认true。

width：string 定义列宽。

render：在列上处理数据的函数，可以再次自定义显示内容。可以看做为把请求过来的数据做进一步的处理，一般使用function来进行处理。function render( data, type, row, meta ){} 该函数必须要返回最终使用的数据。

• data- 当前cell的值
• type- 数据类型
• row - 整个row的数据