Algo muy común a la hora de desarrollar es la de querer formatear las columnas de nuestros reportes para ello podemos usar la sección de Formato de Columna en el casillero Expresión HTML
Por ejemplo: podríamos formatear la columna ENAME el cual los nombres de los empleados estén en negrita y tengan un tamaño de letra grande.
La expresión HTML para el nombre ADAMS sería:
<span style=”font-size:150%;font-weight:bold;”>ADAMS</span>
Pero nosotros no queremos que se muestre en todas las columnas el nombre ADAMS, sino que dependiendo el valor que tome la columna se formatee con los que hemos designado en la expresión HTML, para ello usamos la siguiente denominación #ENAME#, el cual formateará la columna respetando el valor que le corresponde.
<span style=”font-size:150%;font-weight:bold;”>#ENAME#</span>
De esta forma podemos formatear la columna como vemos a continuación:
También tenemos la posibilidad de añadir texto o combinar múltiples valores, por ejemplo podemos combinar la columna ENAME y mostrarla junto con JOB, de esta forma quedaría como sigue:
<span style=”font-size:150%;font-weight:bold;”>#ENAME#</span> the #JOB#
Pero aquí no acaba las posibilidades que tenemos de formateo, sino que podemos trabajar con el formateo condicional.
Por ejemplo podemos hacer que el color del Salario sea rojo para toda la columna:
<span style=”color:red;”>#SAL#</span>
Pero qué pasa si queremos que ciertos valores se pinten de rojo? En sí mismo la casilla de la Expresión HTML no puede realizar cálculos, es por ello que necesitamos usar una consulta SQL para realizarlo, la idea es crear una nueva columna que muestre los valores en rojo o negro según la condición establecida:
Reemplazamos la consulta SQL de Origen del Informe Interactivo por la siguiente:
Select e.*,
Case when e.Sal>2500 then ‘red’ else ‘black’ end as SalColor
From Emp e
Al ejecutar la página veremos que se agrega una columna a nuestro informe interactivo llamada Salcolor:
Podemos ocultar la columna y ahora sí podemos añadir en la casilla de la Expresión HTML de la columna SAL la siguiente expresión:
<span style="color:#SALCOLOR#;">#SAL#</span>
Ejecutamos la página para ver los resultados:
Como podemos ver, el hecho de formatear las columnas usando la casilla de Expresión HTML nos facilita en gran medida la personalización de nuestras columnas, con simplemente conocer un poco de CSS y las etiquetas más comunes de HTML podemos realizar personalizaciones sin tanto esfuerzo.