I currently have several grids with "Add Row" and "Duplicate Row" buttons. The problem is that the new rows may introduce validation errors in the new model. For example, a required field may be empty, or a field's value may be duplicated (an error in some of our grids). There may even be errors in several rows (e.g. after adding several new rows). I currently have implemented a custom validation that is called on "change" that adds classes and data fields to table cells to make them highlight problems. My approach is similar to the one suggested here (add custom css directly to td cells that violate validation) :
But the problem is that if any more rows are added, removed, etc., the custom formatting disappears. Is there a way to keep the custom css state of cells across grid refreshes?