Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

210
Vistas
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
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda