I have a paged Datatable with row editing working. However, I would like to be able to add a new entry to the table when the user clicks the "add new row" button.
I am not sure how to achieve this since I have a lazy paged Datatable with data from the server (similar to https://www.primefaces.org/primereact/#/datatable/lazy).
So lets assume we have a page size of 10 and all 10 rows are filled (and to make matters worse, lets assume we are on page 2).
Now the user clicks "add new row" and I would like to add an 11th row on the screen which should look exactly like a row being edited, only with the 11th row being empty and allowing the user to add a new record.