Jquery DataTables 列 columns 和 columnDefs基本使用

Jquery DataTables 列 columns 和 columnDefs基本使用

columns 和 columnDefs的区别:
相同点:达到相同的效果
不同点:作用不一样,使用不一样(需要一个目标属性在每个定义的对象(columnDefs.targetsDT))

  1. columns:设置特定列的初始化属性,可以定义数组设置多列,数组长度必须等于表格的数量,只想使用默认值可以设为“NULL”,数组每个元素只能设置单列的属性。

  2. columnDefs:与columns非常相似,该数组可以针对特定的列,多列或者所有列定义。数组可以任意长度。通过targets参数设置一个列或者多列,该属性定义可以如下:

    0或正整数 - 从左边的列索引计数
    负整数 - 列索引从右边计数
    一个字符串 - 类名称将被匹配上的TH为列
    字符串“_all” - 所有的列(即指定一个默认值)
    两个参数可以同时使用,但是columns定义的优先级最高。
    当columnDefs里对同一列有多个定义时,最开始的定义优先级最高

补充一下,

datatable出现Cannot read property ‘length’ of undefined 这个错误的话,绝大多数是由于columns中列设置出现了问题,或者是JSON返回的数据格式出现了问题,因为数组长度必须等于表格的数量,里面一般是:

  "columns": [{"mData": "ID"},		
			  {"mData": "name"},
			  null
	         ],
  即使有的列不设置,也必须天内各国null来补全。	         
  {}中的内容,"mDate"的内容是JSON数据中对应的属性名字。是设置数据,当然也可用其他的键值对来设置其他属性,中间用逗号隔开。	         
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值