jquery-plugins – 你如何改变一个JQuery.DataTable中的单元格的样式?

前端之家收集整理的这篇文章主要介绍了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" }  
    ]   } );

猜你在找的jQuery相关文章