Plugins
Templates
Blocks
Template Setup Guides

dataTables Plugin

Link to plugin page: https://zeroqode.com/plugin/datatables-1550378900350x360527788313673700

Introduction

  • 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 leave this checkbox unchecked. (It hides the first row, which it's for uniqueid).

  • +70 Languages: Afrikaans, Albanian, Amharic, Arabic, Armenian, Azerbaijan, Bangla, Basque, Belorussian, 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.

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

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).

Refresh table after modifying the database:

WARNING: You should use exactly the same row names / Database search as in the add table event.

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.

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”

Update: 3/19/2019 –

  • Updated Demo Page with on click events

  • Updated links to Demo Page

Demo to preview the settings