1- Drag and drop the Pro Table Element onto the desired area on your page.
2- For each column, define its title, data source, and specify if sorting should be enabled.

3- To add more than 10 columns, use the “Add New Column” action within the editor.

4- Choose if you’d like an index column to display row numbers; if yes, set the column title and decide if sorting should be enabled for it.

5- Decide whether to add a checkbox column. If added, specify the column title and whether sorting should be enabled.

6- Define the table’s direction as either “Vertical” or “Horizontal.” Note that sorting features for individual columns are only available when the table direction is set to “Vertical.”

7- Decide if you want pagination enabled for the table.

8- If pagination is enabled, configure additional pagination settings such as button type (arrow buttons or Next/Previous buttons).

9- Set values for the items-per-page dropdown, allowing users to adjust how many entries to view on each page.

10- Ensure the table is responsive, supporting vertical and horizontal scrolling on smaller screens like tablets and mobile devices.

11- Enable a frozen header option if desired: it will freeze during horizontal scroll for horizontal tables, or during vertical scroll for vertical tables.

12-  Customize header styling by defining background color, height, text color, and font size.

13- Adjust separator settings, customizing both vertical and horizontal separators with options for style, color, and width.

14- Specify the data you want to retrieve interactively from the table, such as data from clicked rows or checkbox-selected rows.

15- Set a row hover color to enhance user experience.

16- Choose custom sorting icons from the icon classes available in the dropdown.