Looking for solution on editable grid performance

Hi Everyone,

I have an editable grid with 200 rows and in line validations and calculations on each field, we will also calculating the Totals of each column in the last row of the grid.

What is the best way to implement this? 

Few solutions are:

  • Dividing the grid into multiple parts i.e 20 rows in each grid (Even though performance is better page will take lot of time to load)
  • Diving the grid into multiple tabs 20 rows in each tab(using rich text fields).This may not be better user experience , user have to go through each tab and check for validations.
  • We can add paging by manipulating data in CDT  and using rich text fields. This may not be better using experience, if there is error in last rows user have to click on next 10 times.

 

Please suggest any approaches  which can make performance better.

Note:as per our use case Inline validations is mandatory, cannot validate on click of button.

 

Thanks in Advance

  Discussion posts and replies are publicly visible

Parents
  • Hi Karthik. Considering that you are planning to use editable grids of 200 rows, there are couple of questions that you need to answer yourself. Will the end user edits any row in 200 rows of your grid anytime? If so, does he needs to scroll down or click multiple times on the pagination, say if they require to update row 160 of 200?
    Since the performance of the interface degrades, as you go beyond 10 rows in a grid, I suggest you to display only the first 10 rows in a paging grid with selection option. Keep a search text field for the user to search and display only those relevant in the grid. Allow the user to select a specific row in a grid which he wants to edit and may b in a new section allow the details to be editable. Once he submits the details, you can update the totals at the end of the grid. I do not say its a best option, but may b u can give a thought abt this.
Reply
  • Hi Karthik. Considering that you are planning to use editable grids of 200 rows, there are couple of questions that you need to answer yourself. Will the end user edits any row in 200 rows of your grid anytime? If so, does he needs to scroll down or click multiple times on the pagination, say if they require to update row 160 of 200?
    Since the performance of the interface degrades, as you go beyond 10 rows in a grid, I suggest you to display only the first 10 rows in a paging grid with selection option. Keep a search text field for the user to search and display only those relevant in the grid. Allow the user to select a specific row in a grid which he wants to edit and may b in a new section allow the details to be editable. Once he submits the details, you can update the totals at the end of the grid. I do not say its a best option, but may b u can give a thought abt this.
Children
No Data