javascript - Jquery Datatable - 需要先将数据居中然后右对齐

标签 javascript jquery html css datatable

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

1) 文本数据 - 左对齐 2) 标题数据 - 居中对齐 3) #'s - 先将数据居中然后右对齐

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

请查找随附的屏幕截图以了解预期和实际对齐方式。

预期#的对齐方式:

Expected alignment

实际 # 的对齐方式:

Actual alignment

我通过简单地为 .但我想知道数据表中是否还有其他有效/默认选项可用于实现此目的?

最佳答案

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

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

请引用:https://datatables.net/manual/styling/classes获取更多信息。

关于javascript - Jquery Datatable - 需要先将数据居中然后右对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52492472/

相关文章:

javascript - 什么是描述符?

javascript - angular js中没有触发更改事件

java - 在 Java 中从 ArrayList 导入唯一元素

c# - 没有 Response.End() 代码无法正常工作

javascript - 通过 JavaScript matchMedia 切换 HTML 视频源

javascript - React - 在从另一个类调用的函数中调用 setState 不会抛出函数异常

javascript - 代码仅适用于 jsfiddle

jquery - Rails 4——coffeescript 未部分执行

html - 对 Angular 线 div 填充父 div 的完整空间

jquery - 在 ASP.NET MVC 3 razor 中更改布局菜单