Now dataTables support
multiple
values in the same row separated by commas.
Now empty fields are supported. Not required space anymore.
Added compatibility with bubble filters.
Improved stability with Bubble DB.
Now searching on dataTable will also search on all multiple matched values.
Dear customers, today we release the version 2.0 of our dataTables, which adds an incredible potential to the plugin. As this is a big update, the custom javascript code that reads and parse the bubble database has changed.
How works the new database?
Exactly as was before but with one difference:
it’s required to add join with “,” after our search.
Example:
Bubble adds his own " " after our “,” so the result is: “”,""
– Demo page & document has been updated.
Please check all this info before updating your plugin to the last version because if you use it with the old search it will cause errors on your page.
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.
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 20-th of Feb 2019:
This plugin has been acquired by
Zeroqode
- for any support queries please mention
@ZeroqodeSupport
in your post
Update: 07/22/2020 –
Fixed Refresh a Table action
Update: 08/07/2020 –
Modified standard table styles
Deprecated max height and auto resize proprieties in dataTable element.
Update: 09/18/2020 –
Added optional Font propriety in dataTable element.
Important:
Make sure that the font name is written correctly, ex: Arial, Tahoma
If there are several dataTable elements on the page, you can set for them 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.
Added optional Focus color propriety in dataTable element for the Search input.
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
Removed deprecated propriety fields from dataTable element
You can’t imagine how many hours I would have saved on my projects having this plugin available in the past.
I’m happy that I don’t have to worry about creating all that with Bubble native logic anymore while keeping the app tidy and workflows to a minimum.
Looking forward to that workflow action on click.
Great work and will definitely save a lot of time recreating tables in every app!
Couple quick questions around it:
Responsive - I noticed it is ‘squeezed’ and allows for left right scrolling, which is sometimes preferred, but can it also allow for rows disappearing as the screen shrinks?
When you increase the number of entries in the list i noticed the element does not expand, rather a scroll bar appears, can that be adjusted to expand the element height?
Great work and will definitely save a lot of time recreating tables in every app!
Couple quick questions around it:
Responsive - I noticed it is ‘squeezed’ and allows for left right scrolling, which is sometimes preferred, but can it also allow for rows disappearing as the screen shrinks?
When you increase the number of entries in the list i noticed the element does not expand, rather a scroll bar appears, can that be adjusted to expand the element height?
Well in Bubble this is a bit more “special” to do. Mainly the problem here is the fact when using a small database its okay if the element keeps resizing, but when you have +100 rows converts in an infinite scroll table. That’s why I created the bars and did the element with a fixed size.
But may I add both options, so the user can choose which one he prefers.
Wow this will be such a massive time saver.
I spend so much time fiddling with RG to make then look right.
Hello
@Bubbleboy
, I have to agree with your case.
I’ve updated the code: So now the uniqueid it’s ONLY mandatory if you want to use on-click event.
In your case, you only have to check this new “Show first row”.
Hello
@vini_brito
, well basically this plugin gives you the full control of the table:
You can order per any row without the need of creating complex search/display data.
Adds a native search which is extremely fast, you can search in any of the rows of your table.
You have only to draw it to the page and your table is created.
This saves you a lot of hours on creating a decent table using RG.
Lot of hours is an understatement. Just implementing the search and ordering is a pain in the ass. I’ve spent at least 20+ hours in my last project to get a decent RG with dynamic sorting, search and pagination.
Might seem easy to achieve, but when you want all of it (displaying, sorting, pagination and search) to work seamlessly it is when you truly appreciate the existence of a plugin that does this for you.
And if you don’t get right your RG Datatable before you start copying and pasting your custom element and then you find a bug…good luck maintaining them
25$ is a steal.
@yusaney1
Purchased - I had just mentioned this in a prior forum post… So this was the easiest purchase decision I’ve made in a while.
The base functionality here is great. Just the sorting and search mentioned by
@JonL
is enough to justify the $25.
Request
: More control over what we can place inside of a row (if even possible with dataTables!):
The ability to add buttons inside of the row (rather than upon clicking a row) and assign them to an action such as “Edit” and “Delete”.
Additionally, in some rows, I place icons to indicate importance, and some, I place smaller text with different styles - some is italic, some is different color. It’s all seen in the screenshot I attached.
If the functionality from this screenshot could be achieved with dataTables, it’d be the nail in the coffin in my opinion!
Screen Shot 2018-08-13 at 11.09.00 AM.png
2288×1516 316 KB