在JS数组上用jquery Datatables做一些css

Question

我想用我的jquery Datatable做一些css但是我发现的唯一的东西是html表。是否可以在从js数组获取数据时更改数据表的外观？

$('#example').DataTable({
    destroy: true,
    "scrollY": "200px",
    "scrollCollapse": true,
    "paging": false,       
    data: datatable,
    columns: [
        { title: "title1" },
        { title: "title2" }
    ]
});

我可以在这里添加一些参数吗？

Answer 1

是。查看createdRow和createdCell。下面是一个演示如何使用这些回调的示例：

var table = $('#example').DataTable({
  createdRow: function(row, data, dataIndex ) {
    $(row).css('color', 'red')
  },
  columnDefs: [{
    targets: 3,
    createdCell: function(td, cellData, rowData, row, col) {
      $(td).css('color', 'green')
    }
  }]
}) 

演示 - ＆gt;的 http://jsfiddle.net/qsh3zgcc/

或者，正如@mmushtaq指出的那样，做你想做的事情，就像你习惯做的那样：

table.dataTable tbody tr {
  color: red;
}
table.dataTable tbody tr td:nth-child(4) {
  color: green;
}

生成与上述回调完全相同的内容。

演示 - ＆gt;的 http://jsfiddle.net/prkf1y90/