Link to plugin page: https://zeroqode.com/plugin/datatables-1550378900350x360527788313673700β
A very advanced plugin that gives you the possibility to use dataTables to display your Bubble database!
ο»Ώ
Important: Make sure that the font name is written correctly, ex: Arial, TahomaIf there are several dataTable elements on the page, you can set them for the different fonts.If the font is not one of the standard browser fonts or has not been used on the page before, the element will fall back to the standard font.
Important: If there are several dataTable elements on the page, only one focus color can be set. Colors are set in HEX value, ex: #EB4034, #12A83D
IMPORTANT: Add table workflow when loading page if you are using the dataTable on the home page or visible groups. If the table is initialized in a pop-up or hidden group check how to init the hidden table.
ο»Ώ
IMPORTANT: Date sorting is available only if the date is formatted as yyyy/mm/dd or yy/mm/dd
IMPORTANT: uniqueid MUST be the first field ONLY IF you want to use an on-click event.
In order to display the list of items correctly, when adding columns to the Table in workflow, at the end of the data item add join with and ",". See the image below.
Update: 08/11/2018:
On-click row added!
ο»Ώ
How to use: When the row is pressed, the 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:
IMPORTANT: You should use exactly the same number of columns (fields) search as in the initial add table event.
WARNING: Just like with the Add Table event, for the Refresh Table event, when adding columns to the Table in the workflow in order to display the list of items correctly, add join with and "," at the end of the data item. See the image below.Could not load image
Update: 08/30/2018 β
Update: 09/06/2018 β
Update: 09/15/2018 β
ο»Ώ
Update: 09/23/2018 β
Update: 03/19/2019 β
Update: 07/22/2020 β
Update: 08/07/2020 β
Update: 09/18/2020 β
Important: Make sure that the font name is written correctly, ex: Arial, TahomaIf there are several dataTable elements on the page, you can set them for the different fonts.If the font is not one of the standard browser fonts or has not been used on the page before, the element will fall back to the standard font.
Could not load image
Update: 03/05/21
Live Demo: https://zeroqode-demo-16.bubbleapps.io/datatablesβο»Ώο»Ώ
ο»Ώ