如何在dataTables中将数值数据右对齐

Question

我正在使用dataTables插件.我看到数字数据没有正确对齐.这是dataTables的工作原理吗？或者数据中有错误吗？也有人可以告诉我如何编写检查dataTable的每个单元格的功能,并将数据对齐,如果它是数字的话

我使用的插件来自这个网址http://www.datatables.net/

其他一切都很好.我只想让数字数据正确对齐.所以我想知道是否有办法在这个插件中干净地检查这个条件.

Answer 1

在列定义中，您可以使用className：

$("#tabDatos").dataTable({
  columns: [
    { data: "fecha" },    
    { data: "importe", className: "text-right" }
  ]
});

如果您不使用Bootstrap，请定义CSS类“文本正确”

Answer 2

定义数据表对象时,可以选择自定义列类型,包括添加css类.然后,您可以使用该类对该列执行任何操作.

$('#myTable').dataTable( {
    "aoColumnDefs": [

      { "sClass": "numericCol", "aTargets": [ 0 ] }
      //You can also set 'sType' to 'numeric' and use the built in css.           
    ]
  } );

aTargets的值是要将此类应用于的列的索引.

在你的CSS中有一些东西

.numericCol{
  float:right;
}

Answer 3

I used ColumnDefs to align data:

"columnDefs": [{ targets: [3, 4, 5, 6, 7], className: 'dt-body-right' },
                           { targets: [0, 1, 2], className: 'dt-body-center' }],

• Column Number 3, 4, 5, 6, 7 aligned to the right side
• Column Number 0, 1, 2 is aligned to the center

OR By directly applying class

 { 'data': 'TotalMaleFarmers',className: "text-center" },