paged lazy Datatable add new row on bottom

UI Components for React
Post Reply
Posts: 1
Joined: 02 Jan 2020, 20:52

02 Jan 2020, 21:00


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

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.

Post Reply

Return to “PrimeReact”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 4 guests