layui表格组件表头与内容错位问题

前几天在使用layui表格组件时遇到一个问题,
代码是这样的:

table.render({
      elem: '#demo'
      ,cellMinWidth: 80
      ,cols: [[
          ,{field:'username',align: 'center',width: 180, title: '用户名称'},
          ,{field:'createTime',align: 'center',width: 200, title: '创建时间'},
          ,{field:'roles',align: 'center',width: 234, title: '用户角色'},
      ]]
     ,data: data
     ,page: true
     ,limits: [5, 10]
     ,limit: 10
});

不知为何，表头与内容行总是错位，挣扎许久,
最终找到解决方案:

table.render({
      elem: '#demo'
      ,cellMinWidth: 80
      ,cols: [[
          ,{field:'username',align: 'center',width: 180, title: '用户名称'}
          ,{field:'createTime',align: 'center',width: 200, title: '创建时间'}
          ,{field:'roles',align: 'center',width: 234, title: '用户角色'}
      ]]
     ,data: data
     ,page: true
     ,limits: [5, 10]
     ,limit: 10
});

因为习惯于在每行代码后面写逗号，因此出现两个逗号导致错位,
想掐死我自己！！！