Jquery plugins 如何更改JQuery.DataTable中单元格的样式？

关于在

jQuery.DataTable

中设置数据单元格的样式属性，我有一个问题。在初始化

dataTable

时，我可以使用以下代码设置每列的宽度：

oTable = $('#example').dataTable( {
    "aoColumns" : [ 
        { sWidth: '40%' }, 
        { sWidth: '60%' }
    ]
} );

现在我想更改第二列的对齐方式，如下所示：

style=“text align:right；”

我正在使用以下代码动态添加行：

/* Global var for counter */
var giCount = 2;

function fnClickAddRow() {
    oTable.fnAddData( [
        'col_1', 
        'col_2' ] );

    giCount++;  
}

您能告诉我如何在插入新行后选择第二个单元格吗？或如何在插入前/插入期间设置新行的样式

---

任何帮助都将不胜感激

酷，我很高兴地报告，我能够回答我自己的问题！我刚刚定义了一个CSS样式（alignRight），并将该样式添加到列中，如下所示：

<style media="all" type="text/css">
    .alignRight { text-align: right; }
</style>

oTable = $('#example').dataTable( {  
    "aoColumns" : [   
        { sWidth: '40%' },   
        { sWidth: '60%', sClass: "alignRight" }  
    ]   } );

.alignRight{text align:right；}
oTable=$（'#示例'）。数据表（{
“列”：[
{sWidth:'40%}，
{sWidth:'60%'，sClass:'alignRight'}
]   } );

您也可以使用类似的方法来实现另一种定制： 在fnRender中，您可以在此“td”中插入元素的标签、跨度和设置类或样式

“aoColumns”：[
{“sTitle”：“Ativo”，“sClass”：“center”，“bsearcable”：正确，
“fnRender”：功能（obj）{
var sReturn=obj.aData[obj.iDataColumn]；
返回“”；
}                   
},

这是为我工作的代码：

<style>
    #tableExample .classDataTable { font-size: 20px; }
</style>

oTable = $('#tableExample').dataTable( {  
    "aoColumns" : [   
        { sWidth: '40%' },   
        { sClass: "classDataTable" }  
    ]   } );

#tableExample.classDataTable{font size:20px；}
oTable=$（'#tableExample'）。数据表（{
“列”：[
{sWidth:'40%}，
{sClass:“classDataTable”}
]   } );

快速简便的方法是为表添加第n个子类。因此在您的情况下：

#example td:nth-child(2) {
    text-align: right;
}

---

奇怪的是，上面的代码只有在我还添加了以下内容时才起作用：{“className”：“dt center”，“aTargets”：“_all”}

<style>
    #tableExample .classDataTable { font-size: 20px; }
</style>

oTable = $('#tableExample').dataTable( {  
    "aoColumns" : [   
        { sWidth: '40%' },   
        { sClass: "classDataTable" }  
    ]   } );

#example td:nth-child(2) {
    text-align: right;
}