希望仅将名为“状态”的第一列居中对齐:
$("#TransactionTable").DataTable({
ajax: {
url: '/Transaction/SearchMockup',
type: 'POST',
data: {
cardEndingWith: $("#ccn").val(),
status: $("#status").val(),
supplier: $("#supplier").val(),
fromDate: $("#fromDate").val(),
toDate: $("#toDate").val()
}
},
columns: [
{
data: 'Status', render: function (data, type, row) {
switch (data) {
case 1:
return '<div id="circleRed"></div>'
break;
case 2:
return '<div id="circleGreen"></div>'
break;
case 3:
return '<div id="circleOrange"></div>'
break;
}
}
},
{ data: 'TransactionId' },
{ data: 'CreditCardNumber' },
{ data: 'Supplier' },
{ data: 'CreatedAt' },
{ data: 'Amount' }
]
});
我需要添加列选项来实现它吗?我试着阅读所有的数据表文档和谷歌。
4条答案
按热度按时间f45qwnt81#
您可以使用自己的主题类(引导),也可以在columndef. like中使用自己的主题类
文本靠右、文本靠左、文本居中
zynd9foi2#
此外,还可以对列进行分组,以便将一种样式应用于多个列,如下所示:
nszi6y053#
您还可以在每个列对象中指定单个CSS类名。
在您的情况下:
vql8enpb4#
您可以手动设置其样式