如何更改DataTable中各个列的打印对齐方式？

Question

我能够使用自定义功能（下面给出）来修改打印布局中的对齐方式，但不幸的是，这适用于整个表格及其所有列。

如何更改单个列（我设置和选择）的打印对齐方式？

我当前的代码：

customize: function (win){ $(win.document.body).find('table').css('text-align', 'right'); }, 

的jsfiddle：

https://jsfiddle.net/6724x3LL/

Answer 1

首先，我想这和它似乎没有工作：

的js

"columnDefs": [ { className: "col_1", 
"targets": [0] }, 
    { className: "col_2", "targets": [1] }, 
    { className: "col_3", "targets": [2] } ] 

CSS

.dataTable tbody td.col_1 { 
    text-align: right;} 
.dataTable tbody td.col_2 { 
    text-align: center;} 
.dataTable tbody td.col_3 { 
    text-align: left;} 

设置类使用columnDefs JavaScript中的列，并随后在造型CSS这些课程不仅影响了HTML表格渲染本身，CSS不结转到打印布局。

但是我能够找到解决方案。

通过使用打印的自定义选项中的这个脚本代码：

customize: function (win){ 
$(win.document.body).find('table tbody td:nth-child(1)').css('text-align', 'right'); 

其中每列将与第n个孩子进行设置。

或可选择地使用这种纯CSS方法：

.dataTable tbody tr td:nth-child(1) { 
    text-align: right;} 
.dataTable tbody tr td:nth-child(2) { 
    text-align: center; } 
.dataTable tbody tr td:nth-child(3) { 
    text-align: left; }