I tried searching the answer to this question but could not find any working solution. I am trying to set different background colors for cells based on cell value. For example if cell value is "green" then I want the background of that cell to be green.
So far I have seen that if I set the bodyStyle to have a certain background-color it works, however I cannot access the value of the cell in that context:
<Column field="sen" header="SEN" sortable styleClass="test" ref="el" v-bind:bodyClass="getBodyClass()" bodyStyle="background-color:red!important" >
What I already tried is to add a div in the column template and set the background-color of that div to be red, but it does not work.
<Column field="sen" header="SEN" sortable styleClass="test" ref="el" v-bind:bodyClass="getBodyClass()" bodyStyle="padding:0" >
<template #body="slotProps" styleClass="test" >
<div v-bind:class='slotProps.data.sen' style="background-color:red!important" ref="el1" v-bind:bodyClass="getBodyClass1()">
<p v-tooltip="slotProps.data.sen"> SEN </p>
Do you have any ideas how could I make this work?
UI Components for Vue
2 posts • Page 1 of 1
Who is online
Users browsing this forum: No registered users and 2 guests