dataTables Docs

dataTables

Table element.
  • 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
HOW TO USE THIS PLUGIN:
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.

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

Add Table workflow.

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

Table row click event.
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).
Click event
Refresh table after modifying the database:
WARNING: You should use exactly the same row names / Database search as in the add table event.
Refresh table workflow.
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
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”
DEMO PAGE
Last modified 3yr ago
Copy link