# How to create a table with dynamic columns?

**URL:** <https://forum.bubble.io/t/how-to-create-a-table-with-dynamic-columns/225221>\
**Category:** Need help\
**Created:** [September 21, 2022, 2:31am UTC](https://forum.bubble.io/t/how-to-create-a-table-with-dynamic-columns/225221 "2022-09-21T02:31:27Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![jasonturo](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/jasonturo/32/149844_2.png) [@jasonturo](https://forum.bubble.io/u/jasonturo)\
**Post date:** [September 21, 2022, 2:31am UTC](https://forum.bubble.io/t/how-to-create-a-table-with-dynamic-columns/225221/1 "2022-09-21T02:31:27Z")

</div>

Hi everyone,

Would you be able to point me in the direction of an efficient plugin or how to create a few features in tables?

1. Users can select/remove data displaying in columns
2. Expand/collapse columns
3. Unlimited columns (most likely ~15)
4. Drag/reorder columns
5. Save adjusted settings

Bonus:

- Sort, filter, search

I already have the headers and data lined up in the RG.

Cheers

---

<div class="post-metadata">

**Author:** ![DjackLowCode](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/djacklowcode/32/222536_2.png) [@DjackLowCode](https://forum.bubble.io/u/DjackLowCode)\
**Post date:** [September 21, 2022, 4:57am UTC](https://forum.bubble.io/t/how-to-create-a-table-with-dynamic-columns/225221/2 "2022-09-21T04:57:14Z")

</div>

> [@jasonturo](#):
>
> Unlimited columns (most likely ~15)

You’ll probably need to set up 2 repeating groups. The 1st going horizontally based on some condition (e.g 5/15 columns needed). The second RG will be vertical within each column and will display the data you require, on top of this will need to be in a draggable element using bubble’s draggable elements plugin.

You’ll need to play around with how each dataset will be displayed and the conditions for this (e.g. hiding columns)

a rough diagram below.

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/1/5/15871989aa1214f6f3e5d3fa8837bec2053faa4e.png)

1. saving the settings - this will need to be a settings ‘thing’ for each user, so that it can be referenced later.

or you could try to leverage a plugin like:

> [@\[New plugin\] Fully Customizable Table / Grid](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849):
>
> Hi everybody! I just published a new plugin that lets create a fully customizable table / grid! This is a great way to showcase your data. This plugin offers extensive customization features. This plugin also lets you export the data in your table as a .CSV file! This plugin also offers the ‘append column’ and ‘remove appended column’ workflow actions and support events! arrow_right Demo page (the editor is public!): [https://pluginpreview.bubbleapps.io/version-test/table](https://pluginpreview.bubbleapps.io/version-test/table)arrow_right Plug…

Hope this helps.

---

<div class="post-metadata">

**Author:** ![jasonturo](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/jasonturo/32/149844_2.png) [@jasonturo](https://forum.bubble.io/u/jasonturo)\
**Post date:** [September 23, 2022, 3:16am UTC](https://forum.bubble.io/t/how-to-create-a-table-with-dynamic-columns/225221/3 "2022-09-23T03:16:09Z")

</div>

Interesting ideas, @DjackLowCode. Thanks for the insights.

Going to also ask in a new thread how to drag & drop different reusable elements vertically in a column group. I see this being a challenge as the various reusable elements are not a list in a RG, but individual components. Would you happen to have any ideas?

Cheers

Cheers

---

<div class="post-metadata">

**Author:** ![DjackLowCode](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/djacklowcode/32/222536_2.png) [@DjackLowCode](https://forum.bubble.io/u/DjackLowCode)\
**Post date:** [September 23, 2022, 5:33am UTC](https://forum.bubble.io/t/how-to-create-a-table-with-dynamic-columns/225221/4 "2022-09-23T05:33:16Z")

</div>

@jasonturo no worries.

How many ‘different’ reusable elements would you want to drag and drop? across columns?

If they’re going vertically this is relatively easy to do. If you haven’t used the draggable elements there are plenty of forum topics explaining this. I’ve drawn a quick mockup in the below. The black box is a reusable element.

![draggable example](https://us1.discourse-cdn.com/bubble/original/3X/c/a/ca2730f372a855cd5f5966783c2bc671373b98d5.gif)

"_I see this being a challenge as the various reusable elements are not a list in a RG, but individual components._ " - this depends on what you would like to show. a repeating group will show the number of elements in a list. So if you have a data condition that has a count of 10, you can expect 10 rows to be displayed.

Cheers.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/bubble/original/3X/2/8/2847faa74692c2ffa5d939d3dc3724cdd060d247.png) [@system](https://forum.bubble.io/u/system)\
**Post date:** [November 30, 2022, 2:32am UTC](https://forum.bubble.io/t/how-to-create-a-table-with-dynamic-columns/225221/5 "2022-11-30T02:32:02Z")

</div>

Closed on November 30, 2022, 2:32am UTC

This topic was automatically closed after 70 days. New replies are no longer allowed.