Expected behavior

We want some sort of validation check before values are added in the row.

For Example,

1. Disable tick icon if required fields are not filled.
2. Show Red bordered fields along with error message below after clicking on tick icon if the fields are not validated.

Actual behavior

When we add a row without filling input fields, an empty row is added in the table. We can pervent adding new row into the table by doing manual validation, but the edit mode of the row closes, we have to add new row again. We cant alert user to fill the fields then click on tick icon.

Resources (screenshots, code snippets etc.)