Question

How can we highlight a row in a table control based on data element in the bound list?

Answer 1

Row highlighting by a data element is the table's On row rendered event (UI Toolkit); the handler receives the row element and the record (question 763 has the full example). Short form:

// Table > Events > On row rendered  (row, record, index)
row.classList.toggle("danger",  record.riskLevel === "HIGH");     // Bootstrap 3 contextual row classes
row.classList.toggle("warning", record.riskLevel === "MEDIUM");
row.classList.toggle("success", record.riskLevel === "LOW");

Column / cell level: the column's Render cell option (cell.style.background = ...); the heritage Dojo table: none - upgrade to the UI Toolkit table. For the highlight to follow data changes, refresh the table (${Table}.refresh()) after changing the field from code.

References

• BPM UI Toolkit - Table control events