如何在JQuery.DataTable中更改单元格的样式？
如何在JQuery.DataTable中更改单元格的样式？
提问于 2010-05-06 20:16:39
我有一个关于在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++;
}您能告诉我如何在插入或之后选择新行的第二个单元格，如何在插入前/插入期间设置行的样式？
任何帮助都将不胜感激！
回答 5
Stack Overflow用户
回答已采纳
发布于 2010-05-19 16:05:39
酷，我很高兴地报告，我能够回答我自己的问题！我刚刚定义了CSS样式(alignRight)，并将样式添加到列中，如下所示：
<style media="all" type="text/css">
.alignRight { text-align: right; }
</style>
oTable = $('#example').dataTable( {
"aoColumns" : [
{ sWidth: '40%' },
{ sWidth: '60%', sClass: "alignRight" }
] } );Stack Overflow用户
发布于 2010-05-21 20:26:28
您还可以将类似的内容用于另一种自定义:在fnRender中，您可以在"td“中插入标签、span和设置元素的类或样式。
"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>";
}
},Stack Overflow用户
发布于 2010-12-16 18:40:20
$('#tblAssignment tr td:nth-child(1)').addClass('rightaligned');页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2784164
复制相关文章
相似问题
腾讯云开发者
