ZEVA - Add Row Numbering to the Table on Credit Application Page

[Lalita-Lala]

Describe the task
Currently, on the Credit Application page, users can navigate to a specific application and click the Review Details button to view a table with information, including Supplier Information and ICBC Registration. This table includes a feature to set the number of rows displayed per page (e.g., 25 rows per page). However, if the table contains more rows (e.g., 107 rows), the last page may show fewer rows (e.g., 7 rows). To improve usability and allow users to track data more efficiently, the business area has requested the implementation of row numbering for this table.
Proposed Solution: Add a new column to the table to display row numbers.
Row numbering should: Start at 1 for the first row on the first page and continue across all pages (e.g., if the user is on page 2 and rows 26–50 are displayed, the first row on that page should be numbered 26).
The row numbers should dynamically update based on: The number of rows per page selected by the user and the current page number the user is viewing.
Display the row numbers in a column to the left of the table as shown in the provided mock up and prototype

Prototype Link
Mock up Link

Purpose
Help users track specific rows across multiple pages and provide clarity when the table contains a large number of rows, especially on pages with fewer rows. It will help improve the overall user experience and align with the business area’s request for better data tracking.

Acceptance Criteria

• A new column for row numbering is added to the left side of the table.
• Row numbers start at 1 for the first row on the first page and continue sequentially across all pages
• The row numbers dynamically update based on:
  The number of rows per page selected by the user.
  The current page number
• Row numbering is visible on all pages of the table.

Additional context
Current table

New