➡️ Instructions
To start using the plugin follow the configuration instructions below and everything will work perfectly.

    👉 Place the "Simple Table/Grid" element on your page and resize it the way you want. Remembering that the height of the element will always be according to the number of items per page. In the settings tab of your element, you will need to inform the following fields:

         ● Data Table: Here you must enter the data that should be displayed in your table in JSON format. To inform this data you must first use "Do a search for", choose the table you want, make the filters you want and also order the way you want (Configure as if you were configuring a list in a repeater group). Then use "format as text".

         In the "format as text" window you can see two fields: "Content to show per list item" and "Delimiter". In the field "Delimiter" you must provide the value ",". In the field "Content to show per list item" you will provide the data of your item in JSON format. For example you want to display a list with Name, Phone and Email, your JSON would be:

              {
                   "Name": "This...",
                   "Phone": "This...",
                   "Email": "This..."
              }

         Inside your JSON you can use HTML tags perfectly. If you want to display a link to another site it would look like this:

              {
                   "Name": "This...",
                   "Phone": "This...",
                   "Email": "This...",
                   "Link": "<a href='This Link'>Click link</a>"
              }

         Imagination for your use case is free. The only rule is to inform the table data in JSON format.

         ● Search: Inform here whether the table's search field should be visible or not. Default: Yes

         ● Searchable Fields: Inform here for which fields of your table data the search is valid. Leave empty if you want all fields to be searchable. Let's take the example of the "Data Table" field. Imagine that you entered the following JSON:

              {
                   "Name": "This...",
                        "Phone": "This...",
                   "Email": "This..."
              }

         and you want only the "Name" and "Email" fields to be searchable, so the value of that field will be:

              Name
              Email

         Skip a line for each new field.

         ● Sorting: Enter here whether the table headers can be sorted alphabetically or not. Default: Yes
         ● Items per page: Enter here the number of items that should be displayed per page of the table.

    🎨 Table Style
         ● Border Radius: Enter here the value of the radius of the table borders.

    🎨 Header Style
         ● Background: Enter the table header background color here.
         ● Font color: Enter the font color of the table header here.
         ● Border Bottom Color: Enter the table header border color here.

    🎨 Body Style
         ● Background: Enter here the background color of the table body.
         ● Font color: Enter the font color of the table body here.
         ● Border Bottom Color: Enter here the border color of the table body.

➡️ States

The element has the following statuses that can be used:

    ● Current Page: It has the value of the current page of your table.
    ● Number Pages: It has the value of the amount of page that your table has.
    ● Data Table (Count): It has the value of the amount of items that your table has.

➡️ Actions

The element has the following actions that can be used in your workflow:

    ● Next Page: When activated, it moves to the next page of your table if it exists.
    ● Previous Page: When activated, returns a page of your table if it exists.
    ● Download CSV: It downloads the informed data. Enter the following fields for this action:
         Data: Data to be converted to CSV type file. The data must also be informed in JSON format
         File name: File name.