PART A: GENERAL SETTING
1-Place the Pro Repeating Group element on the page.

2-Define the Data Type and Data Source for the table (used to retrieve data for selected rows).
Tip: Use a primary repeating group as the data source to avoid multiple searches for each column.

3-Select each column field you want to display from the dropdown.

4-Define the specific data source for each column.

5-Configure up to 10 column fields as needed.

6-Set placeholder text for fields that have empty values.

7-Choose the number of entries/items/rows to display per page (also used for in built pagination setup).

8-Choose a pagination option:

   (A)  Built-in Pagination: Enable by checking
          "show_pagination" and configure wrap-around
           setting.

   (B) Custom Pagination: Use plugin actions like "go to next
         page" , "go to previous page", "go to page", "go to last
         page" and "go to first page"  to build your own
         pagination style.

9- Select button type for pagination:

    (A)   Choose between text-based "Next" and "Previous"
            buttons or arrow icons(arrow left/arrow right).
   
    (B)   Define labels for text buttons if using the "Next" and
           "Previous" options.

10- For custom pagination, use plugin actions ("go to next
      page," "go to previous page," etc.) to control displayed
      entries based on the items-per-page setting.

11- Implement row-click actions to retrieve selected row
     data using the "selected row data" state.
     
     Note: Make sure data type and source settings are
     configured correctly.


PART B : STYLING SETTINGS

1-Header Styling

Customize header background color, font size, font weight, height, and font color.

2-Table Data Styling

Set row height and table background color.

3-In-built- Pagination Styling

Define pagination background color, alignment (start, center, or end), font size, font weight, font color, and container height.