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

237
Views
Tabulador: reformatear la celda en el evento 'cellEdited'

Soy nuevo en el uso de Tabulator.js pero estoy dispuesto a aprender y usarlo profundamente. De hecho, estaba buscando una buena biblioteca tableGenerator para un proyecto principal. Hasta ahora, parece ser bastante agradable. Actualmente estoy usando un enlace CND para la versión 5.0.7.

Ahora, aquí está mi problema: trato de formatear la celda con un background-color según el valor de la celda (el nombre de la celda es el estado y el valor puede ser true o false ). Actúa en la creación de la tabla. Pero no funciona si cambio el valor de la celda después.

Creé un método llamado statusFormatter :

 statusFormatter: (cell) => { if (cell.getValue() == true) { cell.getElement().style.backgroundColor = "#A6A6DF"; } return cell.getValue(); },

Llamo a este método en el evento cellEdited :

 mainTable.on("cellEdited", function (cell) { clientTabulator.statusFormatter(cell); });

Supongo que hay algo mal con el retorno en el método. Pero no sé qué devolver cuando es el estilo que necesito.

Espero que alguien pueda ayudar...

about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

Cambie su función statusFormatter como

 statusFormatter: function (cell, formatterParams, onRendered) { let position = cell.getRow().getPosition(); // switch row even and odd color let backgroundColor = cell.getValue() ? "#A6A6DF" : position % 2 ? "#efefef" : "#fff"; cell.getElement().style.backgroundColor = backgroundColor; return cell.getValue(); }
about 4 years ago · Juan Pablo Isaza Report
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!