➡️ Instructions
To start using the plugin is very simple and practical, follow the instructions below and everything will work perfectly.

👉 Place the "Frappe DataTable" element on your page and resize it to the size you want. On the element's settings tab, the "Max Height" field is responsible for determining the maximum height of the table. If you want the table to grow according to the amount of data, enter the value 0 (Zero) for this field.

Now in the settings tab of your element you will need to inform some fields for the plugin to start working, they are:

● Data: Here you will enter the data you want to display in your table. To do this, use "Do a search for" to select the data table from your Bubble database, then perform all the filters and sort the data you want (here it is always at your discretion). At the end, add "format as text" and now let's inform the data in JSON format.

{
     "Title": "This Netflix carousel infinite's Title",
    "Category": "This Netflix carousel infinite's Category",
    "Description": "This Netflix carousel infinite's Description",
    "Path": "This Netflix carousel infinite's path",
    "Create Date": "This Netflix carousel infinite's Creation Date"
}

You can display as many columns as you want, just enter the JSON correctly. If you want to make changes to your database with the cell edit action, the "id" field in your JSON must be informed. Don't worry that the "id" field will always be ignored for the view, our JSON would look like this:

{
    "Title": "This Netflix carousel infinite's Title",
    "Category": "This Netflix carousel infinite's Category",
    "Description": "This Netflix carousel infinite's Description",
    "Path": "This Netflix carousel infinite's path",
    "Create Date": "This Netflix carousel infinite's Creation Date",
    "id": "This Netflix carousel infinite's unique id",
}

With the "id" field now configured in your JSON whenever a value is modified in your table, the State "Data Line - ID Data" will contain the value of the "id" of the edited line and the State "Data Line - Edited data" will contain the values of the edited row in the order you define in your JSON. For example, "Data Line - Edited data:item#1" matches the value of "Title" and so on.

By configuring your table data you can now configure styles that best suit your use case.

➡️ Events - Workflows

● Refresh Table: This event refreshes your table data. If you choose to leave the "Auto Refresh" option as false, this event can be very useful for your use case.

● Download CSV (Rows Selected): This event downloads data in CSV format from the selected rows. If there is no row selected, all rows in the table will be exported. Use the State "Selected lines?" to be able to display a button to the user only when he selects some row in the table.

● Download CSV (All Data): This event downloads the data in CSV format from the entire table.

➡️ Events

● Modify Edited Data: This event will always be triggered when a data in your table is changed by the user.