# ⚡ Magic Table: sortable tables instantly generated from your DataType

**URL:** <https://forum.bubble.io/t/magic-table-sortable-tables-instantly-generated-from-your-datatype/374397>\
**Category:** Plugins\
**Created:** [June 30, 2025, 12:38pm UTC](https://forum.bubble.io/t/magic-table-sortable-tables-instantly-generated-from-your-datatype/374397 "2025-06-30T12:38:54Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Cosmic.Steve](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/cosmic.steve/32/187766_2.png) [@Cosmic.Steve](https://forum.bubble.io/u/Cosmic.Steve)\
**Post date:** [June 30, 2025, 12:38pm UTC](https://forum.bubble.io/t/magic-table-sortable-tables-instantly-generated-from-your-datatype/374397/1 "2025-06-30T12:38:54Z")

</div>

Hello everyone,  
I’m happy to introduce you to 🎩 Magic Table, my new plugin that lets you create a table directly from your Bubble database **in under 30 seconds – yes, really 😅**.

Forget the pain of building tables in Bubble using the built-in “Table” element, or having to define every single column manually with other plugins. Magic Table does it all for you.

![table_video](https://us1.discourse-cdn.com/bubble/original/3X/0/4/040671f3e0f11bd0c9cc21d8f8fb71ec154e5834.gif)

Check out the demo and editor to see it in action:  
[\> Try it on a demo page](https://cosmic-plugins.bubbleapps.io/table?ref=bf)  
[\> Check the editor page](https://bubble.io/page?type=page&version=live&name=table&id=cosmic-plugins)  
[\> Get the plugin](https://bubble.io/plugin/%F0%9F%8E%A9-magic-table-fast--sortable-1750063959945x505944829535453200)

* * *

## **🪄 CREATE COLUMNS AUTOMATICALLY**

The idea is simple and powerful: you choose a list of any data, and **Magic Table automatically retrieves the DataType fields and create a table, using fields as columns**. Of course, you can add any additional custom column, keeping full control over formatting and data structure.

* * *

## **⚡ SUPER FAST & POWERFUL**

Advanced features like dynamic column sorting, selection checkboxes, smart pagination, and smooth rendering are built-in and effortless. Whether you’re handling a handful of rows or tens of thousands, performance remains rock-solid.

* * *

## **🎨 INFINITELY CUSTOMIZABLE**

Magic Table offers 14 beautiful preset themes, and if that’s not enough, you can tweak everything - colors, fonts, borders, paddings, etc - with over 100 parameters. Designed to match your app perfectly.

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/f/9/f996e3f691d44d6819b50fcbcb9693eee88de950.jpeg)

* * *

Try it yourself and see how it works:  
[\> Try it on a demo page](https://cosmic-plugins.bubbleapps.io/table?ref=bf)  
[\> Check the editor page](https://bubble.io/page?type=page&version=live&name=table&id=cosmic-plugins)  
[\> Get the plugin](https://bubble.io/plugin/%F0%9F%8E%A9-magic-table-fast--sortable-1750063959945x505944829535453200)

Let me know what you think! Feedback and suggestions are always appreciated.

---

<div class="post-metadata">

**Author:** ![Cosmic.Steve](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/cosmic.steve/32/187766_2.png) [@Cosmic.Steve](https://forum.bubble.io/u/Cosmic.Steve)\
**Post date:** [June 30, 2025, 2:57pm UTC](https://forum.bubble.io/t/magic-table-sortable-tables-instantly-generated-from-your-datatype/374397/2 "2025-06-30T14:57:19Z")

</div>

**I’m offering a FREE trial of the plugin to the first 10 users who request it.**  
Just drop me a message here if you’d like to give it a try.

---

<div class="post-metadata">

**Author:** ![jusses](https://avatars.discourse-cdn.com/v4/letter/j/898d66/32.png) [@jusses](https://forum.bubble.io/u/jusses)\
**Post date:** [June 30, 2025, 6:56pm UTC](https://forum.bubble.io/t/magic-table-sortable-tables-instantly-generated-from-your-datatype/374397/3 "2025-06-30T18:56:06Z")

</div>

Hey @Cosmic.Steve congratz, it looks great!  
I’d like to test it, how can I do?

---

<div class="post-metadata">

**Author:** ![Newed](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/newed/32/262530_2.png) [@Newed](https://forum.bubble.io/u/Newed)\
**Post date:** [June 30, 2025, 7:42pm UTC](https://forum.bubble.io/t/magic-table-sortable-tables-instantly-generated-from-your-datatype/374397/4 "2025-06-30T19:42:35Z")

</div>

Apparently a very complete and customizable table plugin.

Great job @Cosmic.Steve !

---

<div class="post-metadata">

**Author:** ![as3alan](https://avatars.discourse-cdn.com/v4/letter/a/838e76/32.png) [@as3alan](https://forum.bubble.io/u/as3alan)\
**Post date:** [June 30, 2025, 8:20pm UTC](https://forum.bubble.io/t/magic-table-sortable-tables-instantly-generated-from-your-datatype/374397/5 "2025-06-30T20:20:31Z")

</div>

@Cosmic.Steve it looks awesome. I’d like to try it out please

---

<div class="post-metadata">

**Author:** ![Cosmic.Steve](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/cosmic.steve/32/187766_2.png) [@Cosmic.Steve](https://forum.bubble.io/u/Cosmic.Steve)\
**Post date:** [June 30, 2025, 8:38pm UTC](https://forum.bubble.io/t/magic-table-sortable-tables-instantly-generated-from-your-datatype/374397/6 "2025-06-30T20:38:24Z")

</div>

Thank you for your nice words @Newed !

---

<div class="post-metadata">

**Author:** ![Cosmic.Steve](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/cosmic.steve/32/187766_2.png) [@Cosmic.Steve](https://forum.bubble.io/u/Cosmic.Steve)\
**Post date:** [June 30, 2025, 10:01pm UTC](https://forum.bubble.io/t/magic-table-sortable-tables-instantly-generated-from-your-datatype/374397/7 "2025-06-30T22:01:22Z")

</div>

@jusses @as3alan I just sent you a DM.

---

<div class="post-metadata">

**Author:** ![reid4010](https://avatars.discourse-cdn.com/v4/letter/r/eb9ed0/32.png) [@reid4010](https://forum.bubble.io/u/reid4010)\
**Post date:** [June 30, 2025, 10:34pm UTC](https://forum.bubble.io/t/magic-table-sortable-tables-instantly-generated-from-your-datatype/374397/8 "2025-06-30T22:34:23Z")

</div>

Looks like a great plugin! I would love to try it out if you still have spots 🙂

---

<div class="post-metadata">

**Author:** ![Cosmic.Steve](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/cosmic.steve/32/187766_2.png) [@Cosmic.Steve](https://forum.bubble.io/u/Cosmic.Steve)\
**Post date:** [July 1, 2025, 5:39am UTC](https://forum.bubble.io/t/magic-table-sortable-tables-instantly-generated-from-your-datatype/374397/9 "2025-07-01T05:39:12Z")

</div>

Yes @reid4010 , check your DMs! 👍

---

<div class="post-metadata">

**Author:** ![jusses](https://avatars.discourse-cdn.com/v4/letter/j/898d66/32.png) [@jusses](https://forum.bubble.io/u/jusses)\
**Post date:** [July 1, 2025, 9:39am UTC](https://forum.bubble.io/t/magic-table-sortable-tables-instantly-generated-from-your-datatype/374397/10 "2025-07-01T09:39:25Z")

</div>

The plugin is absolutely amazing Steve, thank you! 👏🏻👏🏻👏🏻 I have a question: how can I apply the bar format to numbers as I see in the examples images?

---

<div class="post-metadata">

**Author:** ![Cosmic.Steve](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/cosmic.steve/32/187766_2.png) [@Cosmic.Steve](https://forum.bubble.io/u/Cosmic.Steve)\
**Post date:** [July 1, 2025, 3:39pm UTC](https://forum.bubble.io/t/magic-table-sortable-tables-instantly-generated-from-your-datatype/374397/11 "2025-07-01T15:39:41Z")

</div>

In the “Custom formats list” field, you can add a list of texts to specify what format you want to apply to each column. Use “progress” where you want to apply the progress bar format. Make sure to set the “Progress MAX” parameter to your desired value in the FORMATTING DATA section.

---

<div class="post-metadata">

**Author:** ![dhalpern6](https://avatars.discourse-cdn.com/v4/letter/d/e9a140/32.png) [@dhalpern6](https://forum.bubble.io/u/dhalpern6)\
**Post date:** [July 1, 2025, 5:23pm UTC](https://forum.bubble.io/t/magic-table-sortable-tables-instantly-generated-from-your-datatype/374397/12 "2025-07-01T17:23:13Z")

</div>

Just went to the plugin page … There are Additional data sources! Great for pulling data together!!

Fantastic! - you might have also grabbed me to buy the onboarding tour!

---

<div class="post-metadata">

**Author:** ![Cosmic.Steve](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/cosmic.steve/32/187766_2.png) [@Cosmic.Steve](https://forum.bubble.io/u/Cosmic.Steve)\
**Post date:** [July 1, 2025, 7:00pm UTC](https://forum.bubble.io/t/magic-table-sortable-tables-instantly-generated-from-your-datatype/374397/13 "2025-07-01T19:00:58Z")

</div>

Thank you @dhalpern6 ! 🙏🏻

---

<div class="post-metadata">

**Author:** ![Cosmic.Steve](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/cosmic.steve/32/187766_2.png) [@Cosmic.Steve](https://forum.bubble.io/u/Cosmic.Steve)\
**Post date:** [July 2, 2025, 9:21am UTC](https://forum.bubble.io/t/magic-table-sortable-tables-instantly-generated-from-your-datatype/374397/14 "2025-07-02T09:21:23Z")

</div>

5 spots remaining for the FREE trial. Please let me know here if you want to use the plugin for free. 🙏

---

<div class="post-metadata">

**Author:** ![prakhar.mishra](https://avatars.discourse-cdn.com/v4/letter/p/cdc98d/32.png) [@prakhar.mishra](https://forum.bubble.io/u/prakhar.mishra)\
**Post date:** [July 2, 2025, 9:42am UTC](https://forum.bubble.io/t/magic-table-sortable-tables-instantly-generated-from-your-datatype/374397/15 "2025-07-02T09:42:28Z")

</div>

Hey @Cosmic.Steve I would like to try the plugin out

---

<div class="post-metadata">

**Author:** ![Cosmic.Steve](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/cosmic.steve/32/187766_2.png) [@Cosmic.Steve](https://forum.bubble.io/u/Cosmic.Steve)\
**Post date:** [July 2, 2025, 1:05pm UTC](https://forum.bubble.io/t/magic-table-sortable-tables-instantly-generated-from-your-datatype/374397/16 "2025-07-02T13:05:22Z")

</div>

Just sent you a DM!

---

<div class="post-metadata">

**Author:** ![stuart4](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/stuart4/32/250415_2.png) [@stuart4](https://forum.bubble.io/u/stuart4)\
**Post date:** [July 2, 2025, 1:12pm UTC](https://forum.bubble.io/t/magic-table-sortable-tables-instantly-generated-from-your-datatype/374397/17 "2025-07-02T13:12:44Z")

</div>

love to give it a crack @Cosmic.Steve

---

<div class="post-metadata">

**Author:** ![Cosmic.Steve](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/cosmic.steve/32/187766_2.png) [@Cosmic.Steve](https://forum.bubble.io/u/Cosmic.Steve)\
**Post date:** [July 7, 2025, 4:41pm UTC](https://forum.bubble.io/t/magic-table-sortable-tables-instantly-generated-from-your-datatype/374397/18 "2025-07-07T16:41:30Z")

</div>

Thanks to everyone that contributed to test this plugin! All of your suggestions have been implemented and available in the latest version of the plugin. 🙏

---

<div class="post-metadata">

**Author:** ![code-escapee](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/code-escapee/32/195485_2.png) [@code-escapee](https://forum.bubble.io/u/code-escapee)\
**Post date:** [December 4, 2025, 7:40pm UTC](https://forum.bubble.io/t/magic-table-sortable-tables-instantly-generated-from-your-datatype/374397/19 "2025-12-04T19:40:14Z")

</div>

Steve, looks fantastic. do you have an example using custom data (a rollup other datasets). For example in the book example, lets assume there’s a reviews dataset with a reviewer name and a book field and I wanted to show in the table all the reviewer names for the book (of that row). How would I go about that?

---

<div class="post-metadata">

**Author:** ![Cosmic.Steve](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/cosmic.steve/32/187766_2.png) [@Cosmic.Steve](https://forum.bubble.io/u/Cosmic.Steve)\
**Post date:** [December 5, 2025, 10:46am UTC](https://forum.bubble.io/t/magic-table-sortable-tables-instantly-generated-from-your-datatype/374397/20 "2025-12-05T10:46:49Z")

</div>

Hey @code-escapee , I’m happy that you like my plugin!  
What you ask is already happening in the live page demo:

> **[Bubble Editor - Cosmic plugins](https://bubble.io/page?id=cosmic-plugins&tab=Data&name=table&type=page&subtab=App%2BData&version=live&type_id=book)**
>
> Bubble is the only platform that lets you switch between AI prompting and visual editing to go beyond prototypes and launch real apps — no code required.

In fact, the Author dataset is a separate table, and every Book has a custom field Author. In addition, each Author has a custom field Category, which is also shown in the table.

You can set up your table plugin to reach up to 3 levels of nested custom fields, changing the parameter “Fields depth”. After that, you can just add any columns to the table by adding the field “Author \> Category \> Name” to the Field parameter. All the available fields will be shown in the plugin state “Allowed fields”.

Feel free to reach out via DM if you needd further assistance with the plugin! 🙂
