Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

208
Views
Vue Js, Ag-grid - : highlight grid cells based on dropdown value using cellStyle or cellRenderer

Basically, The screen has 2 dropdowns (v-select multiselect) and an ag-grid below and I need to highlight cells based on the value selected from the dropdown.

Dropdowns:

'Select Ledger' - (List of ledgers from api) and
'Select Period' (Opening Balance, Closing Balance, Both Closing & Opening).

Ag-grid-vue has 3 columns below the dropdown -

'List of ledgers', 'Opening Balance' & 'Closing Balance'.

When a/multiple value is selected from 'Select Ledger' dropdown the corresponding cell must be highlighted from 'List of Ledgers' column and when the 'Select Period' is selected post 'Select Ledger', the corresponding cell of the ledger row must be highlighted either Opening balance or closing balance or both depending on the value selected. I am using 'cellStyle'and able to highlight ledger column but I am unable to figure out how to highlight the corresponding cells.

( Drop down 2 must use the selected dropdown 1 value to highligh the corresponding cells .

https://codeshare.io/ZJD3w7

about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!