如何更改單元格的樣式在JQuery.DataTable？

我在jQuery.DataTable一個數據單元的有關設置樣式屬性的問題。如何更改單元格的樣式在JQuery.DataTable？

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

現在我想改變取向爲第二列像這樣：：style="text-align: right;"使用以下代碼初始化dataTable當我能夠設置寬度爲每個列。

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

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

    giCount++; 
}

你能告訴我怎樣才能選擇新行的第二個單元格，它已經插入OR後如何設置該行的風格：

我動態使用此代碼添加行插入前/插入過程中？

任何幫助將不勝感激！

來源

2010-05-06 Sephrial

酷，我很高興向大家報告，我能回答我的問題！我剛纔定義的CSS樣式（alignRight），並添加了風格像這樣的列：

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

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

來源

2010-05-19 16:05:39 Sephrial

奇怪的是上面的代碼工作，只有當我還增加了以下內容： {「類名」：「DT-中心」，「aTargets」：「_all」} – Diganta 2016-08-24 09:44:38

你也可以用類似的東西，以另一種自定義的：內fnRender可以插入標籤，跨度，並設置類或元素的風格這個「TD」

"aoColumns": [ 
        { "sTitle": "Ativo","sClass": "center","bSearchable": true, 
         "fnRender": function(obj) { 
          var sReturn = obj.aData[ obj.iDataColumn ]; 
          return "<a href=\"/"+sReturn.toLowerCase()+"\" class=\"tag\">/"+sReturn.toLowerCase()+"</a>"; 
         }     
        },

來源

2010-05-21 20:26:28 Rbacarin

$('#tblAssignment tr td:nth-child(1)').addClass('rightaligned');

來源

2010-12-16 18:40:20 deep

這是爲我工作裏面的代碼：

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

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

來源

2014-04-03 07:49:20 joan16v

快速簡便的方法是添加一個nth-child類表。所以你的情況：

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

來源

2014-07-07 16:18:30 superphonic

如何更改單元格的樣式在JQuery.DataTable？

回答

相關問題