> For the complete documentation index, see [llms.txt](https://reduble.gitbook.io/redubleplugins/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://reduble.gitbook.io/redubleplugins/datatables-docs.md).

# dataTables Docs

## dataTables<br>

![Table element.](https://870749518-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LGX_1aOBJivMqQXSZ-5%2F-LJiHVHm6HyQp2D8Qc45%2F-LJiHXBoXaq6pfreTfDg%2Fchrome_2018-08-12_15-17-53.png?alt=media\&token=a3d49ccd-9b59-45fa-a58e-8d91f5af0481)

* Auto-size rows: Enable this if you want to auto-size your rows.
* Show first row: If you want to use on-click events, you must have to leave this checkbox unchecked. (It hides the first row, which it's for uniqueid).
* +70 Languages: Afrikaans, Albanian, Amharic, Arabic, Armenian, Azerbaijan, Bangla, Basque, Belarusian, Catalan, Chinese-traditional, Chinese, Croatian, Czech, Danish, English, Estonian, Filipino, Finnish, French, Galician, Georgian, German, Greek, Gujarati, Hebrew, Hindi, Hungarian, Icelandic, Indonesian-Alternative, Indonesian, Irish, Italian, Japanese, Kazakh, Korean, Kyrgyz, Latvian, Lithuanian, Macedonian, Malay, Nepali, Norwegian-Bokmal, Norwegian-Nynorsk, Pashto, Polish, Portuguese-Brasil, Portuguese, Romanian, Russian, Serbian, Sinhala, Slovak, Slovenian, Spanish, Swahili, Swedish, Tamil, Telugu, Thai, Turkish, Ukrainian, Urdu, Uzbek, Vietnamese, Welsh

{% hint style="info" %}
HOW TO USE THIS PLUGIN:
{% endhint %}

Important: Add table workflow when loading page **if you are using the dataTable in the home page or visible groups.** If the table is initialized in a **pop-up or hidden group** check how to init hidden table.

{% hint style="danger" %}

## Important: uniqueid MUST be the first row ONLY IF you want to use on-click event.

{% endhint %}

![Add Table workflow.](https://870749518-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LGX_1aOBJivMqQXSZ-5%2F-LSJ-GpkfAitK895N0Bs%2F-LSJ-N5azvxwf6jAiMdb%2Fchrome_2018-08-23_17-39-35.png?alt=media\&token=099e0054-9480-42ee-93f9-9b2c32039e63)

{% hint style="success" %}

### **08/11/2018: On-click row added!**

{% endhint %}

![Table row click event.](https://870749518-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LGX_1aOBJivMqQXSZ-5%2F-LJdb9sJNPrCn8HX7MDE%2F-LJdc37zO0aRw4uqDSht%2Fchrome_2018-08-11_17-34-32.png?alt=media\&token=e6ef7ef1-9198-44d4-9386-d5b552692bff)

{% hint style="info" %}
**How to use: When the row is pressed, Table Row event gets the unique id of that row. So doing a search for X: first item (in properties of the search we will use unique id= this row).**
{% endhint %}

![Click event](https://870749518-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LGX_1aOBJivMqQXSZ-5%2F-LJdb9sJNPrCn8HX7MDE%2F-LJdcw3EFwfimwqDwMu5%2F2.png?alt=media\&token=94692ac3-d107-466d-bd94-250574f7bceb)

Refresh table after modifying the database:

{% hint style="warning" %}
**WARNING: You should use exactly the same row names / Database search as in the add table event.**
{% endhint %}

![Refresh table workflow.](https://870749518-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LGX_1aOBJivMqQXSZ-5%2F-LJdb9sJNPrCn8HX7MDE%2F-LJde5hskX-FHjb7_ZIQ%2F3.png?alt=media\&token=996a4a48-1b77-419a-9974-75ed7eb1fa49)

**Update: 08/30/2018 –**

* Added support to multiple dataTables on the same page.
* Bug fixes.

**Update: 09/06/2018 –**

* Bug fixes.
* Live edits are now supported:

**Update: 09/15/2018 –**

* Added export options: CSV and PDF.

![Export table](https://870749518-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LGX_1aOBJivMqQXSZ-5%2F-LSJ-GpkfAitK895N0Bs%2F-LSJ06Xawh2h8NUZaUT6%2Fchrome_2018-09-15_21-00-17.png?alt=media\&token=913316b1-4ff9-4d6e-8791-0a89eec0c774)

**Update: 09/23/2018 –**

* **Now dataTable supports empty DB or empty searches.**
* Changed Row selector to a drop-down
* Improved responsive layout settings
* Added new feature to table options **“Scroll collapse”**

{% hint style="success" %}
[DEMO PAGE](https://redubleplugins.bubbleapps.io/datatables)
{% endhint %}

{% hint style="success" %}
[EDITOR PAGE](https://bubble.is/page?type=page\&name=datatables\&id=redubleplugins\&tab=tabs-1)
{% endhint %}