Jquery 根据ajax数据表中的数据放置一个类
我搜索了很多,我非常确定这很容易做到,但我找不到一个方法来做到。因此,我使用jQuery数据表,并尝试生成一个类,并根据收到的值执行一些javascript操作。例如,当单位为负数时放置红色背景等简单操作。我已经为此创建了CSS,现在通过DataTables的ajax参数加载JSON文件。以下是我的javascript:Jquery 根据ajax数据表中的数据放置一个类,jquery,ajax,json,jquery-datatables,Jquery,Ajax,Json,Jquery Datatables,我搜索了很多,我非常确定这很容易做到,但我找不到一个方法来做到。因此,我使用jQuery数据表,并尝试生成一个类,并根据收到的值执行一些javascript操作。例如,当单位为负数时放置红色背景等简单操作。我已经为此创建了CSS,现在通过DataTables的ajax参数加载JSON文件。以下是我的javascript: table = $('#activitiesTable').DataTable({ "ajax": "data.txt",
table = $('#activitiesTable').DataTable({
"ajax": "data.txt",
"columns": [
{ "data": "id" },
{ "data": "description" },
{ "data": "type_of_expenditure" },
{ "data": "real_cost" }
]
});
我知道在columns参数中,您可以通过在json中调用“className”来设置一个类,但我不确定如何通过比较变量来生成一个类。例如,我想这样做:
"columns": [
{
"data" : "id",
"className": (data.id < 0 ? "negative" : "positive"))
}
]
“列”:[
{
“数据”:“id”,
“className”:(data.id<0?“负”:“正”))
}
]
不确定是否可以这样做?或者,如果每次启动ajax调用时我都必须检查jQuery,但我觉得它可以很容易地初始化…我发现您可以这样使用它:
{
"data": "forcast_profit_loss",
"createdCell": function (td, cellData, rowData, row, col) {
if ( cellData < 0 ) {
$(td).addClass('number number-negative');
$(td).text(cellData.substr(1));
}
else{
$(td).addClass('number number-positive');
}
}
}
{
“数据”:“预测损益”,
“createdCell”:函数(td、cellData、rowData、row、col){
if(cellData<0){
$(td).addClass('number negative');
$(td).text(cellData.substr(1));
}
否则{
$(td).addClass('正数');
}
}
}
你可以在那里找到关于它的参考资料: