Forum Academy Marketplace Showcase Pricing Features

[New plugin] Fully Customizable Table / Grid

@nocodeventure The plugin already supports the ‘add column’ and the ‘remove added column’ action. Which action are you exactly looking for? :slight_smile:

@alejandrowunderlich Not yet, but when the library supports it I will definitely add it! (:

I mean the ability to add button styled text and material icons to trigger a dropdown or simple edit and delete buttons.

I think if you allow to do CSS that will be helpful.

Also, each row does a sort for data. Can you change it to do a search once and based on that a dropdown to select the rows. See for example the plugin below.

1 Like

Is this table only for viewing data?
Does this table allow editing data and writing the result to the database?

2 Likes

@nocodeventure Buttons are not yet supported by the library so we will have to wait for that, but that would be a really cool feature.

When starting developing the plugin I though about what the best way of collecting data would that would give users the most freedom. That is way came down to this solution. If you can only do 1 search you can only use data from 1 data type in your table. Now you can use data from every source in each column making it way more useful :slight_smile:

@abvas At the moment this version of the plugin is for displaying data.

@abvas You can save the data in a state and display it inside another group for editing.

Update 1.2.0

1 - Fixed an issue that caused square boxes around the sorting icons.

Don’t forget to refresh your editor after upgrading

Great plugin, looks great in my app.

Is it possible to set a default sort (ascending/descending)?

i.e. I’m displaying a list of a users transactions - I’d like the transactions to be displayed with the most recent ones first - at the moment it’s automatically displaying the most recent ones last.

Is there any way to set it?

Hi @adamhholmes! Great to hear you like the plugin!

You can use Bubble to sort your data. For example when you are doing a search for data you have the option to sort the list:

NOTE: Make sure to sort all your searches of data the same way (including the ID data if you use it).

This way your data will be sorted the way you want it :slight_smile:

2 Likes

Hi, great plugin indeed.
By checking the demo I understood how to display dynamic data in a pop up, but I don’t know how to do it in another page: I click on an Invoice row and I go to the Invoice detail page. Any idea?

Thx!

Hi @bubble28!

There are multiple ways to do this. I have created a demo page for you with I think the easiest way:

Demo: https://pluginpreview.bubbleapps.io/table_send_data
Editor: https://bubble.io/page?type=page&name=table_send_data&id=pluginpreview&tab=tabs-1

Update 1.3.0 contains some improvements for this so I recommend to update the plugin first :slight_smile:

Update 1.3.0

1 - You have now the option to stretch the search bar to 100% width of the table.

2 - Added the option to specify the border radius of the search bar.

3 - Minor improvements for the ‘cell or row is clicked’ event

Don’t forget to refresh your editor after upgrading

Thanks Thimo for saving me much time ! Would it be possible to change the wordings : “previous”, “next”, placeholder “type…”, “Showing 1 to 6 of 6 results” ?

Hi @mathieu.montecot! This is not possible in the current version of the plugin, but I will look into if I can implement such a feature in next updates :slight_smile:

BREAKING UPDATE 2.0.0

I have re-build the way the plugin accepts and handles data from the ground up. This will greatly improve the table (e.g. you can now show lists inside cells). Keep in mind that when you upgrade you will have to re-assign your data to the plugin for your table to work again.

2020-07-28 om 12.51.26

Don’t forget to refresh your editor after upgrading

Update 2.1.0

Added the feature to export the data from the table as a .CSV file! You can see it in action on the demo page :rocket:

Don’t forget to refresh your editor after upgrading

2 Likes

:scream::scream::scream::scream::scream::scream::scream::scream:

You are the BOOOOOSSSSS! One of the best plugis and devs EVA!

Upgrading!

1 Like

@Thimo Amazing! Your plugins are so awesome! And you absolutely Rock! One of the best BUBBLE Devs out there.

3 Likes

Thanks guys! :slight_smile:

Update 2.2.0 & 2.3.0

1 - Added the option to replace all the labels in the table with your own text!

2 - Minor improvements.

Don’t forget to refresh your editor after upgrading

Just bought the plugin. Looks great! Will there be support for showing linked things? I have companies and contacts, and a field in the company thing for a billing contact. When I show that field in the table, I get “[object Object]” instead of the contact name. This happens also with an address field. If I change the column type to Contact and search like this:

image

I get the following error:

1 Like