jQuery Datatable-需要首先将数据居中,然后右对齐

时间:2018-09-25 07:07:58

标签: javascript jquery html css3 datatable

我正在应用程序中使用数据表,其中包含文本和#作为数据,并使用以下数据对齐方式:

1)文本数据-左对齐 2)标头数据-居中对齐 3)#-首先将数据居中,然后右对齐

我已经通过使用数据表的默认类“ dt-left ”和“ dt-center ”实现了前两个对齐。但是我无法通过使用' dt-center '和' dt-right '类来实现第三对齐。

请找到随附的屏幕盖,以获取预期和实际的对齐方式。

预期的对齐方式

Expected alignment

实际编号的对齐方式

Actual alignment

我通过为提供简单的“ 填充”达到了预期的行为。但是我想知道数据表中是否还有其他有效/默认选项可以实现这一目标?

1 个答案:

答案 0 :(得分:0)

以下显示了columns.className选项,该选项用于使文本在datatable的最后一列中居中对齐:

 $('#myTable').DataTable( {
      columnDefs: [
        {
            targets: -1,
            className: 'dt-body-center'
        }
      ]
    } );

有关更多信息,请参考:https://datatables.net/manual/styling/classes