css - 如何根据值对列进行不同的着色

我正在尝试在报告中创建一列，该列将从数据库的相应列中获取条目。此LOV根据基本列的值返回active或inactive状态。

我想在此列中添加颜色，以便更容易发现状态设置为inactive的记录。因此，绿色表示active，红色表示inactive。
任何帮助，不胜感激。

最佳答案

红外区域源

select * from emp

在deptno上建立了LOV


运行报告。转到“操作”>“格式”>“突出显示”


在突出显示选项上，您可以指定颜色，突出显示行还是仅突出显示单元格以及突出显示的条件。请注意，对于lov列，您可以通过表达式字段旁边的箭头按钮用该lov的值弹出一个lov！


应用此将导致：


如果要默认应用此功能，请不要忘记保存报告！



如果突出显示不令人满意，您仍然可以使用javascript / CSS方法。

创建一个动态操作以在刷新IR区域后触发，其类型为Execute Javascript的真实操作。

$("#apexir_DATA_PANEL td[headers='DEPTNO']").each(
function(){
   if($(this).text()=='ACCOUNTING'){
      $(this).addClass('deptAccounting'); //great to keep style in CSS!
      $(this).css({"background-color":"red"}); //for that quick fix
   }
}
);

请注意，为此，您需要指定列（标题），并且必须在要比较的文本中进行编码！