# 🚀\[NEW PLUGIN\] Table / Grid "Tabulator" **URL:** \ **Category:** Plugins\ **Created:** [April 6, 2021, 8:20pm UTC](https://forum.bubble.io/t/new-plugin-table-grid-tabulator/145065 "2021-04-06T20:20:50Z")\ **Posts on this page:** 20\ **Page:** 5
**Author:** ![MindForApps](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/mindforapps/32/131363_2.png) [@MindForApps](https://forum.bubble.io/u/MindForApps)\ **Post date:** [December 9, 2021, 2:23pm UTC](https://forum.bubble.io/t/new-plugin-table-grid-tabulator/145065/81 "2021-12-09T14:23:30Z")
> [@jdiazarmas](#): > > @MindForApps what is the roadmap for clickable elements (buttons) to be supported in a cell, would be a great addition 🙂 Hey! Well actually we have already done that and are almost done testing. But it seems to me that this is not an entirely interactive element. One more column is simply added in which there will be icons (buttons). When you click on these icons, you can get a unique identifier for the row (in which the icon is located) and then, on the “Button is clicked” event, start a workflow using this unique identifier. You can see this beforehand. I tested this here: [https://plugin-preview-2.bubbleapps.io/version-test/test\_tabulator?debug\_mode=true](https://plugin-preview-2.bubbleapps.io/version-test/test_tabulator?debug_mode=true) We will publish the update tomorrow or the day after tomorrow. ---
**Author:** ![jdiazarmas](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/jdiazarmas/32/172736_2.png) [@jdiazarmas](https://forum.bubble.io/u/jdiazarmas)\ **Post date:** [December 9, 2021, 6:47pm UTC](https://forum.bubble.io/t/new-plugin-table-grid-tabulator/145065/82 "2021-12-09T18:47:26Z")
Thank you @MindForApps ! I will be attentive for the update. Nice weekend! ---
**Author:** ![MindForApps](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/mindforapps/32/131363_2.png) [@MindForApps](https://forum.bubble.io/u/MindForApps)\ **Post date:** [December 10, 2021, 2:58pm UTC](https://forum.bubble.io/t/new-plugin-table-grid-tabulator/145065/83 "2021-12-10T14:58:58Z")
Hello everyone! **Update version 1.9.0** New column type - “button” type. Add a column with icons (buttons) to the table. When you click on these buttons, you can get a unique identifier for the row in which the button is located, and then use this identifier to start the workflow on the “Button is clicked” event. The settings for this column are the same as for the others, except for two additional fields: - **Icon** - the icon that will be displayed in the cell. You can choose any of the standard icons. Just take the name of the standard icon and remove the “fa” prefix. - **IconColor** - icon’s color. ![button](https://us1.discourse-cdn.com/bubble/original/3X/c/e/ce353906347621dc6b3dea73f05ac793cf13221c.png) ![print](https://us1.discourse-cdn.com/bubble/original/3X/d/8/d8b9a4d6cd933ab07e417d1a8a202b438ef5bfe6.png) Good luck to all. ---
**Author:** ![dario.pratola](https://avatars.discourse-cdn.com/v4/letter/d/c5a1d2/32.png) [@dario.pratola](https://forum.bubble.io/u/dario.pratola)\ **Post date:** [December 12, 2021, 11:54am UTC](https://forum.bubble.io/t/new-plugin-table-grid-tabulator/145065/84 "2021-12-12T11:54:04Z")
Thank you @MindForApps! I have purchase your plugin and I think that it is fantastic! I have 2 question and I hope that you can help me. 1. I notice that in your updated plugin version 1.9.0 if I use column type - “button” type, when I try to use the custom filter to search any value in the table, it doesn’t work. If I remove the column “button” type from the table the custom filter work again correctly. **CUSTOM FILTER DON’T WORK** 2. I can’t change the font size in the table. For example, if I use table theme “bootstrap4” with font “Lato” and font-size “12” (look first screen), on browser (chrome, second screen) the font-size is 16px Probably I’m loosing something. Can you a feedback, please? Thank you for your great job and for your help. Hoping to hear for you soon. Dario ---
**Author:** ![MindForApps](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/mindforapps/32/131363_2.png) [@MindForApps](https://forum.bubble.io/u/MindForApps)\ **Post date:** [December 12, 2021, 3:23pm UTC](https://forum.bubble.io/t/new-plugin-table-grid-tabulator/145065/85 "2021-12-12T15:23:56Z")
> [@dario.pratola](#): > > Dario Hello Dario! I am very glad that you liked our plugin. > [@dario.pratola](#): > > I notice that in your updated plugin version 1.9.0 if I use column type - “button” type, when I try to use the custom filter to search any value in the table, it doesn’t work. If I remove the column “button” type from the table the custom filter work again correctly. > **CUSTOM FILTER DON’T WORK** Yes this is a plugin bug. We added a new type of columns (buttons) a couple of days ago. And apparently missed it in testing. Now everything is fixed and works as it should. > [@dario.pratola](#): > > I can’t change the font size in the table. > For example, if I use table theme “bootstrap4” with font “Lato” and font-size “12” (look first screen), > on browser (chrome, second screen) the font-size is 16px Well, I would not call it a mistake. It’s just that each theme used a different font size. And so far there have been no wishes for individual customization. But you’re right - there should be a font size setting regardless of the theme. Now you can choose the font size in the same way as font-family. Now everything will work as expected for you. Thank you for bringing these issues to our attention. Good luck. Best Regards. ---
**Author:** ![dario.pratola](https://avatars.discourse-cdn.com/v4/letter/d/c5a1d2/32.png) [@dario.pratola](https://forum.bubble.io/u/dario.pratola)\ **Post date:** [December 12, 2021, 4:35pm UTC](https://forum.bubble.io/t/new-plugin-table-grid-tabulator/145065/86 "2021-12-12T16:35:40Z")
@MindForApps Thank you for your quickly feedback. I really appreciate your fixes. I’ve already tried them and all perfectly work now. If It can be useful for you, I notice that, when I try to use “text\_col a tabulator” with the “formater conditional”, if the column header is not a single word, the table will return an error. I solved writing the column title “Livello di rischio” as “Livello\_di\_rischio” (you can see it in the precedent point 1 screenshot). I’m using it in the correct way? Thank you again for your support. Dario ---
**Author:** ![MindForApps](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/mindforapps/32/131363_2.png) [@MindForApps](https://forum.bubble.io/u/MindForApps)\ **Post date:** [December 12, 2021, 8:27pm UTC](https://forum.bubble.io/t/new-plugin-table-grid-tabulator/145065/87 "2021-12-12T20:27:55Z")
> [@dario.pratola](#): > > If It can be useful for you, I notice that, when I try to use “text\_col a tabulator” with the “formater conditional”, if the column header is not a single word, the table will return an error. > I solved writing the column title “Livello di rischio” as “Livello\_di\_rischio” (you can see it in the precedent point 1 screenshot). And again I want to thank you. I decided not to wait for a big update, but to fix everything right away today. Now everything works, you can give columns multi-word names and use conditional formatting and everything will work as expected. ![Image 52](https://us1.discourse-cdn.com/bubble/original/3X/f/7/f70ccfd879cf6005959ad54c73bc61b8ee8632d3.png) **Update plugin version 1.9.2** Thanks again Dario. ---
**Author:** ![dario.pratola](https://avatars.discourse-cdn.com/v4/letter/d/c5a1d2/32.png) [@dario.pratola](https://forum.bubble.io/u/dario.pratola)\ **Post date:** [December 12, 2021, 9:59pm UTC](https://forum.bubble.io/t/new-plugin-table-grid-tabulator/145065/88 "2021-12-12T21:59:07Z")
Thank you! I have already tried it and it’s perfectly work!!! That’s great!! Thank you again. Cheers, Dario ---
**Author:** ![dario.pratola](https://avatars.discourse-cdn.com/v4/letter/d/c5a1d2/32.png) [@dario.pratola](https://forum.bubble.io/u/dario.pratola)\ **Post date:** [December 14, 2021, 1:59pm UTC](https://forum.bubble.io/t/new-plugin-table-grid-tabulator/145065/89 "2021-12-14T13:59:27Z")
Hi @MindForApps , Sorry to bother you again. I’ve done several trials but couldn’t solve the following two problems: 1. if I use the column “boolean type” in “editor tickCross” mode, when I click on the value the icon disappears and the graphical value does not change, instead in “editor input” mode it works fine. 2. when I click on any value in the table, the table returns only the value “rowUniqueId”. Can you help me, please? Hoping to hear for you soon. Thank you so much. Dario ---
**Author:** ![MindForApps](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/mindforapps/32/131363_2.png) [@MindForApps](https://forum.bubble.io/u/MindForApps)\ **Post date:** [December 14, 2021, 4:41pm UTC](https://forum.bubble.io/t/new-plugin-table-grid-tabulator/145065/90 "2021-12-14T16:41:23Z")
Hey! > [@dario.pratola](#): > > if I use the column “boolean type” in “editor tickCross” mode, when I click on the value the icon disappears and the graphical value does not change, instead in “editor input” mode it works fine. Unfortunately, I cannot repeat this error. I tried different connections and this error does not appear for me. I created a test page with full access and included the Table / Grid “Tabulator” plugin there. I sent you a link to this application in private messages. Look and try to connect (reconnect) as you have connected. If I see an error, then I can start solving it. Maybe this is a bubble glitch and you just need to reconnect your table again? > [@dario.pratola](#): > > when I click on any value in the table, the table returns only the value “rowUniqueId”. That’s right, you get the row id (rowUniqueId) of the clicked row. And then you get the cells associated with this identifier. ![Image 58](https://us1.discourse-cdn.com/bubble/original/3X/f/0/f0e95646d982245e73b7a5cd2f68b483335e5680.png) You can also use actions in the workflow: “row is clicked” and “button is clicked” ![Image 59](https://us1.discourse-cdn.com/bubble/original/3X/8/2/82dcc76c501d696cdf58c4f3dfeabdacd223ef81.png) - “row is clicked” - starts a workflow when a row is clicked - “button is clicked” - launches a workflow when an icon (button) is clicked in a button-type column. You can see more details about columns of this type in the documentation, here: [https://plugin-preview-2.bubbleapps.io/version-test/08\_tabulatot\_image\_rownum](https://plugin-preview-2.bubbleapps.io/version-test/08_tabulatot_image_rownum) In the application , which I wrote about in point 1, there are examples of connecting “button” type columns. This application will be at your disposal for a while and you can change the connection or create a new one. Good luck. ---
**Author:** ![dario.pratola](https://avatars.discourse-cdn.com/v4/letter/d/c5a1d2/32.png) [@dario.pratola](https://forum.bubble.io/u/dario.pratola)\ **Post date:** [December 14, 2021, 11:36pm UTC](https://forum.bubble.io/t/new-plugin-table-grid-tabulator/145065/91 "2021-12-14T23:36:53Z")
Hi, thank you very much for the tools you have made available to me and I hope I can be of some help. Regarding point 1, I’ve been trying all evening to replicate my error on your application but I couldn’t do it. I created a new table on both your application and my application. The tables are the same both as database and as settings but on my application it keeps giving the same error.I have now removed all the data I had created on your application. I will investigate in the next days even if I am discouraged. Do you have any other advice for me? Regarding point 2, to explain better what I meant, on your application (page “tabulator\_06”) I duplicated the table and I created 2 new events (“Row is clicked” and “button is clicked” color blue). I tried to separate the action of clicking on the row of the table from the action of clicking the button to start two separate actions.I used the “Only when This tabulator columnTitle is/is not” commands but I can’t get it to work. The example is available to you on the shared application. If you try to click on the button, the click also starts the action set for the row. Am I using the command incorrectly? I apologize for my less-than-perfect English and hope I was understandable sufficiently. I thank you very much for your support. Dario ---
**Author:** ![MindForApps](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/mindforapps/32/131363_2.png) [@MindForApps](https://forum.bubble.io/u/MindForApps)\ **Post date:** [December 15, 2021, 2:05am UTC](https://forum.bubble.io/t/new-plugin-table-grid-tabulator/145065/92 "2021-12-15T02:05:27Z")
> [@dario.pratola](#): > > Regarding point 2 You didn’t have a big mistake in your example. You from the element “tabulatorv1.9.2 B” called the popup connected to the element “tabulatorv1.9.2 A” For this reason, no data was displayed there. I have corrected. And now everything works. ![Image 68](https://us1.discourse-cdn.com/bubble/original/3X/3/9/39ef7d91a79f5e9a63d3ee8e97eeb8cf1d1478a1.png) Look again at page “tabulator\_06”. Further. The “Row is clicked” action invokes a workflow when a row is clicked. On the drain, on any of its cells, and there is no way to localize it in one cell, or vice versa to exclude some cell (as you tried to do). So it’s better not to hang on “Row is clicked” with any global actions (for example, reloading the page, as you did). Because the page will reload when you click on any cell in the row. “Row is clicked” is best used to get information about an entire row, information about a row element by row id. If you want to separate actions for different cells, then you can use several columns of the “button” type ---
**Author:** ![dario.pratola](https://avatars.discourse-cdn.com/v4/letter/d/c5a1d2/32.png) [@dario.pratola](https://forum.bubble.io/u/dario.pratola)\ **Post date:** [December 17, 2021, 6:41pm UTC](https://forum.bubble.io/t/new-plugin-table-grid-tabulator/145065/93 "2021-12-17T18:41:58Z")
> [@MindForApps](#): > > If you want to separate actions for different cells, then you can use several columns of the “button” type Hi, thanks for the clarification! I’ve tried separating the actions using multiple buttons but I can’t. Can you please give an example? I think it will be very useful for the whole community. Thank you very much. Dario ---
**Author:** ![MindForApps](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/mindforapps/32/131363_2.png) [@MindForApps](https://forum.bubble.io/u/MindForApps)\ **Post date:** [December 17, 2021, 8:20pm UTC](https://forum.bubble.io/t/new-plugin-table-grid-tabulator/145065/94 "2021-12-17T20:20:26Z")
> [@dario.pratola](#): > > Can you please give an example? Oh sure. On the demo page, I added two buttons and set actions for each one. ![Image 6](https://us1.discourse-cdn.com/bubble/original/3X/e/0/e065ef37923f1f0e8e95cc7f6aa2f9a756f77420.png) Demo: > **[Bubble - Visual Programming](https://plugin-preview-2.bubbleapps.io/version-test/08_tabulatot_image_rownum?debug_mode=true)** > > Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications. You can go to the editor (OPEN IN EDITOR) and see in detail how everything is connected. Pay attention to the condition: Only when “This tabulator’s columnTitle is …” - the binding goes to “columnTitle”. ![Image 4](https://us1.discourse-cdn.com/bubble/original/3X/d/0/d07ef773d51970d3a3d12190d0ee75f5c2669e54.png) ![Image 5](https://us1.discourse-cdn.com/bubble/original/3X/5/8/58cb8a4eb2d4ad633a179c22be37c748abee8991.png) ---
**Author:** ![dario.pratola](https://avatars.discourse-cdn.com/v4/letter/d/c5a1d2/32.png) [@dario.pratola](https://forum.bubble.io/u/dario.pratola)\ **Post date:** [December 17, 2021, 8:28pm UTC](https://forum.bubble.io/t/new-plugin-table-grid-tabulator/145065/95 "2021-12-17T20:28:16Z")
Thank you so much for your clear example! I tried it and it works! Best regards 😀 Dario ---
**Author:** ![alon2](https://avatars.discourse-cdn.com/v4/letter/a/b5e925/32.png) [@alon2](https://forum.bubble.io/u/alon2)\ **Post date:** [January 16, 2022, 8:42am UTC](https://forum.bubble.io/t/new-plugin-table-grid-tabulator/145065/96 "2022-01-16T08:42:01Z")
Thank you for this plug-in. How well does Tabulator work with a large set of rows? 200 / 1000 / 3000? I tried it with two hundreds and the page froze (evens after loading, just pagination between pages). Am I doing something wrong? Was it tested with large sets ? This plug-in is exactly what I was looking for, but I need it to work with large sets of data. Cheers ---
**Author:** ![MindForApps](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/mindforapps/32/131363_2.png) [@MindForApps](https://forum.bubble.io/u/MindForApps)\ **Post date:** [January 16, 2022, 8:17pm UTC](https://forum.bubble.io/t/new-plugin-table-grid-tabulator/145065/97 "2022-01-16T20:17:53Z")
> [@alon2](#): > > How well does Tabulator work with a large set of rows? Data processing (like all tabular plugins on Bubble) takes place on the client side. So the more data, the longer it takes to process. Sorry, but unfortunately that’s just the way it is. ---
**Author:** ![eduardo\_calaca](https://avatars.discourse-cdn.com/v4/letter/e/919ad9/32.png) [@eduardo\_calaca](https://forum.bubble.io/u/eduardo_calaca)\ **Post date:** [January 17, 2022, 6:29pm UTC](https://forum.bubble.io/t/new-plugin-table-grid-tabulator/145065/98 "2022-01-17T18:29:43Z")
OlĂĄ gostaria de saber como fazer um filtro como esse de itens por pagina ![image](https://us1.discourse-cdn.com/bubble/original/3X/2/2/224a82f8581db3378f6c8a3aa78107019dbf2965.png) ---
**Author:** ![MindForApps](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/mindforapps/32/131363_2.png) [@MindForApps](https://forum.bubble.io/u/MindForApps)\ **Post date:** [January 17, 2022, 7:22pm UTC](https://forum.bubble.io/t/new-plugin-table-grid-tabulator/145065/99 "2022-01-17T19:22:34Z")
Hey! I understand you have a “Tipos” field which is of type “List of text’s”. And you want to make a filter for this field? If so, then the demo page has a “List\_Text” field and you can see how the filters work. And in the editor you can see the connection. ![Image 2](https://us1.discourse-cdn.com/bubble/original/3X/7/8/7879dc0c527190d2fe5597ad0412e9b1b9a273c6.png) and ![Image 1](https://us1.discourse-cdn.com/bubble/original/3X/3/0/305414a19cc52f4f305170cd85fca2d458dd1449.png) ---
**Author:** ![tadeu.msv](https://avatars.discourse-cdn.com/v4/letter/t/7bcc69/32.png) [@tadeu.msv](https://forum.bubble.io/u/tadeu.msv)\ **Post date:** [January 31, 2022, 4:21pm UTC](https://forum.bubble.io/t/new-plugin-table-grid-tabulator/145065/100 "2022-01-31T16:21:12Z")
Hello. Amazing plugin. I got some questions: 1- Is it possible to change the row color (similar to when you click on the row) based on a condition/event or you can only do that to the text on the row? 2-Is it possible to change the colors of the table themes (like the color of the row when you hover or the table header…) ? 3- Can i change the language to pt-br (Brasil) ? 4- Can i create a more styled button in the table (ex: text along with the icon and button color , roundness …) ? 5- Can i change the font type ? [Previous page](https://forum.bubble.io/t/new-plugin-table-grid-tabulator/145065.md?page=4) [Next page](https://forum.bubble.io/t/new-plugin-table-grid-tabulator/145065.md?page=6)