gpt4 book ai didi

jQuery 数据表居中对齐 1 列

转载 作者:技术小花猫 更新时间:2023-10-29 12:06:08 24 4
gpt4 key购买 nike

想要居中对齐名为“Status”的第一列:

        $("#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' }
]
});

我需要添加列选项才能实现吗?我尝试阅读所有数据表文档和谷歌。

最佳答案

您可以在 columndef 中使用您的主题类( Bootstrap )或您自己的主题类。喜欢

text-right, text-left, text-center

 'columnDefs': [
{
"targets": 0, // your case first column
"className": "text-center",
"width": "4%"
},
{
"targets": 2,
"className": "text-right",
}
]

关于jQuery 数据表居中对齐 1 列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45446910/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com