# \[New plugin\] Fully Customizable Table / Grid

**URL:** <https://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849>\
**Category:** Plugins\
**Created:** [July 8, 2020, 2:41pm UTC](https://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849 "2020-07-08T14:41:27Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Thimo](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/thimo/32/208917_2.png) [@Thimo](https://forum.bubble.io/u/Thimo)\
**Post date:** [July 8, 2020, 2:41pm UTC](https://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/1 "2020-07-08T14:41:27Z")

</div>

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!

➡ Demo page (the editor is public!): [https://pluginpreview.bubbleapps.io/version-test/table](https://pluginpreview.bubbleapps.io/version-test/table)  
➡ Plugin page: [Data Table / Grid Plugin | Bubble](https://bubble.io/plugin/table-1593724959866x956106696186921000)

![ezgif-2-7030ca49d62d](https://us1.discourse-cdn.com/bubble/original/3X/8/6/86ffbea3825a0edf2bf4182d9eedd97040c5ec88.gif)

You can always reach out to me for questions, bug reports or feature requests!

**Updates:**  
[1.1.0](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/2)  
[1.2.0](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/22)  
[1.3.0](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/27)  
[2.0.0](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/31)  
[2.1.0](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/32)  
[2.2.0](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/36)  
[2.3.0](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/36)  
[2.4.0](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/38)  
[2.5.0](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/41)  
[2.6.0](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/66)  
[2.7.0](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/80)  
[2.7.1](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/80)  
[2.8.0](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/101)  
[2.9.0](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/111)  
[2.10.0](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/116)  
[2.12.0](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/133)  
[2.13.0](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/137)  
[2.14.0](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/149)  
[2.15.0](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/199)  
[2.16.0](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/203)  
[2.20.0](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/236)  
[2.21.0](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/265)  
[2.22.0](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/292)  
[2.23.0](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/295)  
[2.27.0](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/367)  
[2.28.0](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/372)  
[2.29.0](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/412)  
[2.31.0](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/434)  
[2.32.0](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/440)  
[2.37.0](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/511)  
[2.38.0](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/549)  
[2.43.0](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/638)  
[2.47.0](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/665)  
[2.60.0](http://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/762)

---

<div class="post-metadata">

**Author:** ![Thimo](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/thimo/32/208917_2.png) [@Thimo](https://forum.bubble.io/u/Thimo)\
**Post date:** [July 8, 2020, 2:41pm UTC](https://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/2 "2020-07-08T14:41:48Z")

</div>

**Update 1.1.0**

1 - Added the ‘Cel or row is clicked’ event with the corresponding element states.

2 - Added the ‘row color on hover’ and the ‘show click cursor on row’ properties!

**Don’t forget to refresh your editor after upgrading**

---

<div class="post-metadata">

**Author:** ![nurzhan](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/nurzhan/32/64042_2.png) [@nurzhan](https://forum.bubble.io/u/nurzhan)\
**Post date:** [July 8, 2020, 7:04pm UTC](https://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/3 "2020-07-08T19:04:28Z")

</div>

Fantastic job, what a clean look  
does it supports images? cause dataTables dosen’t that why i use RG instead, would love to purchase it

---

<div class="post-metadata">

**Author:** ![nocodeventure](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/nocodeventure/32/247164_2.png) [@nocodeventure](https://forum.bubble.io/u/nocodeventure)\
**Post date:** [July 8, 2020, 7:12pm UTC](https://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/4 "2020-07-08T19:12:36Z")

</div>

I love the horizontal scroll, huge timesaver. Will definitely bookmark this.

---

<div class="post-metadata">

**Author:** ![Thimo](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/thimo/32/208917_2.png) [@Thimo](https://forum.bubble.io/u/Thimo)\
**Post date:** [July 8, 2020, 7:47pm UTC](https://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/5 "2020-07-08T19:47:46Z")

</div>

Hi @nurzhan! Not at the moment, but when the library I use supports it I will take a deeper look at it 🙂

---

<div class="post-metadata">

**Author:** ![joe5](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/joe5/32/21213_2.png) [@joe5](https://forum.bubble.io/u/joe5)\
**Post date:** [July 9, 2020, 1:46pm UTC](https://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/6 "2020-07-09T13:46:48Z")

</div>

Thimo! You’ve done it again man - this is a very good looking table plugin compared to just about everything else. Excited to test drive it!

---

<div class="post-metadata">

**Author:** ![nocodeventure](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/nocodeventure/32/247164_2.png) [@nocodeventure](https://forum.bubble.io/u/nocodeventure)\
**Post date:** [July 9, 2020, 2:03pm UTC](https://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/7 "2020-07-09T14:03:57Z")

</div>

@Thimo Would be great if you could implement the same thing for using a kanban board. The current options are really bad.

---

<div class="post-metadata">

**Author:** ![timgarrett111](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/timgarrett111/32/6913_2.png) [@timgarrett111](https://forum.bubble.io/u/timgarrett111)\
**Post date:** [July 9, 2020, 5:49pm UTC](https://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/8 "2020-07-09T17:49:32Z")

</div>

Is it possible to pull in data from 2 different things and show in the same table / Grid?

---

<div class="post-metadata">

**Author:** ![Thimo](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/thimo/32/208917_2.png) [@Thimo](https://forum.bubble.io/u/Thimo)\
**Post date:** [July 9, 2020, 6:45pm UTC](https://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/9 "2020-07-09T18:45:37Z")

</div>

@timgarrett111 Yes. For each column you can do ‘do a search for’, so you can search for every data type you have in your database. You can take a look at the [public editor](https://bubble.io/page?type=page&name=table&id=pluginpreview&tab=tabs-1) to see exactly how it works 🙂

---

<div class="post-metadata">

**Author:** ![keith](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/keith/32/56020_2.png) [@keith](https://forum.bubble.io/u/keith)\
**Post date:** [July 10, 2020, 12:34am UTC](https://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/10 "2020-07-10T00:34:57Z")

</div>

That’s a nice looking plugin. I hadn’t seen that library before. Cool stuff. 👍

---

<div class="post-metadata">

**Author:** ![nocodeventure](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/nocodeventure/32/247164_2.png) [@nocodeventure](https://forum.bubble.io/u/nocodeventure)\
**Post date:** [July 10, 2020, 3:35pm UTC](https://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/11 "2020-07-10T15:35:02Z")

</div>

Can we enable selecting rows? I want to implement this plugin on multiple apps but need to have a checkbox option along with the ability to delete records just like a repeating group.

---

<div class="post-metadata">

**Author:** ![Thimo](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/thimo/32/208917_2.png) [@Thimo](https://forum.bubble.io/u/Thimo)\
**Post date:** [July 10, 2020, 3:49pm UTC](https://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/12 "2020-07-10T15:49:13Z")

</div>

Hi @nocodeventure! I saw on GitHub that checkboxes are on the roadmap for the JS library. So, when they are implemented I will definitely look into the implementation of this feature! 🙂

The next update for the library should be a pretty big one so maybe it will already be included in that one.

---

<div class="post-metadata">

**Author:** ![nocodeventure](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/nocodeventure/32/247164_2.png) [@nocodeventure](https://forum.bubble.io/u/nocodeventure)\
**Post date:** [July 10, 2020, 6:13pm UTC](https://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/13 "2020-07-10T18:13:27Z")

</div>

What about adding action elements? I’m asking because this might be a gamechanger for my side-projects to get them up asap.

p.s. When I resize the page, the pagination resets to the first page of results.

---

<div class="post-metadata">

**Author:** ![alejandrowunderlich](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/alejandrowunderlich/32/97601_2.png) [@alejandrowunderlich](https://forum.bubble.io/u/alejandrowunderlich)\
**Post date:** [July 10, 2020, 9:20pm UTC](https://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/14 "2020-07-10T21:20:08Z")

</div>

Mother of gawd. This is beautiful!

Does this support exporting the table’s data as CSV? \<— Killer feature right here

---

<div class="post-metadata">

**Author:** ![Thimo](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/thimo/32/208917_2.png) [@Thimo](https://forum.bubble.io/u/Thimo)\
**Post date:** [July 11, 2020, 2:26am UTC](https://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/15 "2020-07-11T02:26:43Z")

</div>

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

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

---

<div class="post-metadata">

**Author:** ![nocodeventure](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/nocodeventure/32/247164_2.png) [@nocodeventure](https://forum.bubble.io/u/nocodeventure)\
**Post date:** [July 11, 2020, 7:33am UTC](https://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/16 "2020-07-11T07:33:02Z")

</div>

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.

> **[Kendo Grid Plugin for Bubble](https://bubble.io/plugin/kendo-grid-1566555736358x483544811793285100)**
>
> Kendo Grid Plugin page on Bubble. Add Kendo Grid in one click to your app. Bubble lets you build web apps without any code.

---

<div class="post-metadata">

**Author:** ![abvas](https://avatars.discourse-cdn.com/v4/letter/a/e495f1/32.png) [@abvas](https://forum.bubble.io/u/abvas)\
**Post date:** [July 11, 2020, 10:59am UTC](https://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/17 "2020-07-11T10:59:30Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Thimo](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/thimo/32/208917_2.png) [@Thimo](https://forum.bubble.io/u/Thimo)\
**Post date:** [July 11, 2020, 11:48am UTC](https://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/18 "2020-07-11T11:48:53Z")

</div>

@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.

> [@nocodeventure](#):
>
> Also, each row does a sort for data.

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 🙂

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

---

<div class="post-metadata">

**Author:** ![nocodeventure](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/nocodeventure/32/247164_2.png) [@nocodeventure](https://forum.bubble.io/u/nocodeventure)\
**Post date:** [July 11, 2020, 12:24pm UTC](https://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/19 "2020-07-11T12:24:19Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Thimo](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/thimo/32/208917_2.png) [@Thimo](https://forum.bubble.io/u/Thimo)\
**Post date:** [July 12, 2020, 4:44pm UTC](https://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849/22 "2020-07-12T16:44:44Z")

</div>

**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**

[Next page](https://forum.bubble.io/t/new-plugin-fully-customizable-table-grid/100849.md?page=2)
