根据数据ajax数据表放置一个类
我搜索了很多,我非常确定它可以轻松完成,但我找不到办法。 所以我使用jQuery DataTables,我正在尝试生成一个类,并根据我收到的值执行一些javascript操作。 例如,当单位为负数时,就像放置红色背景一样简单,等等。我已经为此创建了CSS,现在我正在通过DataTables的ajax参数加载JSON文件。 这是我的javascript:
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")) } ]
不确定这是否可以这样做? 或者,如果我每次启动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'); } } }
您可以在那里找到有关它的参考: https : //datatables.net/reference/option/columns.createdCell
- 重定向Ajax Jquery调用
- 如何通过Jquery / AJAX上传文件
- jquery将数据发布到php脚本并立即显示在同一个php脚本文件中
- 使用AJAX将PDF文件发送到服务器(PHP LARAVEL)
- Laravel Ajax Input :: all()在通过FormData发送时返回空
- 使用AJAX / jQuery在textarea中显示PHP echo?
- 在预检响应中,Access-Control-Allow-Headers不允许使用请求标题字段Access-Control-Allow-Headers
- ASP.NET MVC 3 – Ajax.BeginForm vs jQuery Form Plugin
- jqGrid在客户端排序