添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

Extremely easy to use, configured and optimized.
Also includes search, filtering, sorting and much more!

Link to plugin: https://bubble.io/plugin/datatables-1532997348558x797819075821568000
Documentation, demo & editor: https://zeroqode.com/plugin/datatables-1550378900350x360527788313673700

Update: 08/11/2018 – Added on-click workflow event!!
Update: 08/12/2018 – Added +70 languages.
Update: 08/14/2018 – Fixed some errors & bugs.

Update: 08/23/2018 –

  • 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” :
  • Demo: https://redubleplugins.bubbleapps.io/datatables

    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?

    Both of these are on the main example on https://datatables.net

    JonL:

    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.

    Thanks, @JonL , yeah definitely I will try to add that soon as possible.

    romanmg:

    This is awesome! Great work :slight_smile:

    Thank you @romanmg !!

    gf_wolfer:

    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?

    Both of these are on the main example on https://datatables.net

    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.

    Well done @yusaney1

    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 :slight_smile:

    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

    Thank you very much for your purchase @w.fly

    We take very seriously the recommendations and reviews of our customers, so we will add this to our roadmap for the next update.

    Regards :wink: