I have a simple table with 4 columns and 3 rows. creating a basic table lists all 3 rows just fine. I am experimenting with using the gen ai component to display the table. i’ve added the columns i want in the data editor but the gen ai only lists the FIRST row of data no matter how i prompt it t…

I’m not sure 100% but in my understanding, the custom AI component can be used to generate a component such as text or image or a slider, but it cannot be used to generate a collection (the special component that point to all rows of a table). I could be wrong, but that is my current understanding …

Well that would explain what I’m seeing When I ask it to display all rows it makes up dummy data

Typically what most of us do is generate JSON with all of the data from multiple rows and then feed that into the AI component. Getting the AI to understand the JSON is another story, but if you feed it a sample of the JSON, it can usually figure it out. At a more basic level, you can feed it a c…

Thanks for the reminder. I have all the data I need as JSON so I will give this a shot Cheers

The “template” in AlpineJS is built specifically for this use case. However, if you want to do something like “show details screen”, it’s a bit of a roundabout. You would have to tie each item to an action that: Writes the rowID (you have to have something like that in the JSON) to a column in yo…

Hi @Carl_Johnson , You can do this by creating your AI Component first, then dropping it into a ‘Custom Collection’. You can still make changes via the AI chat once it’s inside the collection. Here’s a quick example: [image] I’m working on something similar and found the answer here (watch video …

That is a smart trick how did I not think of that :rofl:

Thanks so much for that reminder. i watched that video awhile back but the ability to drop into a custom collection is a game changer. I still need a way to dynamically display the labels of 1st, 2nd, 3rd etc using this approach. I’ll be experimenting with ThinhDinh’s js idea. - new to me.

I’m not sure exactly what you mean (maybe you can add an example here of what you need), but you can ask the AI to add the labels e.g. I asked it to add the label ‘Joined:’ before the dates and to add icons to the other fields (its ‘birthday cake’ icon needs some work :joy:). Also you can give it a…

Custom AI component to build a collection?

Ask for Help

Carl_Johnson April 10, 2025, 2:54pm 11

I am trying to display the row number of items like the Data Grid does. this is a common feature of tables in other apps I use. I’ve discussed this on Display row markers in tables not just the data grid - #5 by ThinhDinh

Topic		Replies	Views
Using AI Custom component to create custom collections? Ask for Help	3	43	June 4, 2025
HR App Ask for Help	4	39	April 28, 2025
Introducing: Swipe Cards Collection (AI Component + JSON) Community Resources ai , custom-code , collections	32	693	May 1, 2025
🤖 [TUTORIAL] Build Beastly Choice Components with Glide's AI Component Community Resources	10	265	January 4, 2025
Beta: Share & reuse AI Custom components Archived Announcements ai , layout , ai-custom	14	600	April 23, 2026

Custom AI component to build a collection?

Related topics