- Connect Table
Connect Table
4 min
Connect the CMS (Content Management System) to your table to display items from your CMS collection. You can choose which collection fields connect to each column in your table and link columns to other locations like your collection's dynamic item page.
How do I connect this table to my CMS collection?
- Click the Connect to CMS icon
. - Click the Choose a dataset drop-down and select an existing dataset that connects to your collection. Alternatively, select Add a Dataset, then choose the collection you want to connect, give it a name and click Create.
Note: In the Studio Editor, if the columns do not automatically connect to your collection fields after choosing a dataset, click the Choose a dataset drop-down and select Not connected. Then click the drop-down again and reselect the dataset you want to connect. - Click the relevant drop-downs under Connections to choose which collection fields connect to each column.
- (Optional) Link the column items to their dynamic item pages or to other locations:
- Click the relevant [Field Name] column links to drop-down.
- Select the dynamic item page listed as [Collection Name] (Item) or choose another link option.
- Repeat this step for each column item you want to link.
How can visitors filter the info displayed in a table?
You can add input elements, such as dropdowns or checkboxes, and set them to filter content when you connect them to the same dataset as your table. Learn how to add input elements visitors can use to filter content.
Can I connect a 'Load More' button to a table?
No. Your table automatically loads all the items retrieved by the dataset. You can limit the number of items displayed by clicking the Layout icon 
and setting a custom table height and enabling pagination.
and setting a custom table height and enabling pagination.What are the supported field types that can connect to tables?
Currently, you cannot connect the following collection field types to tables:
- Address (click here to vote for connecting this field type)
- Array
- Media Gallery
- Multi-Document
- Reference
- Rich Content
- Tags
- Time
What's a collection?
CMS collections are databases where you store content such as text, images, and videos for use on dynamic pages and elements.
To create a collection:
- Click CMS
in the side or top panel. - Click Create Collection.
- Click Start from scratch.
Tip: Alternatively, click Create with AI to let AI (Artificial Intelligence) create a collection for you. - Click Next.
- Enter a name for your collection.
- (Coding only) Enter a collection ID to use in your code.
- Leave Multiple item collection (Default) selected and click Create.
- Add fields to your collection manually or by importing a CSV file:
- Add fields manually: Click + Add Field to begin adding fields to your collection manually.
- Import a CSV file: Click Import CSV file to upload a CSV file to your collection.
- Add items to your collection:
- Click + Add Item.
- Add content about the item to each relevant field.
- Repeat this step to create as many items as you need.
Next, learn how to:
Set your collection's permissions and privacy to control the type of content you store and who can view and edit it from your live site.
What's a dataset?
Datasets are the vital link between the elements on your page and the content in your collection. You can use them to create a two-way connection, allowing you to display collection content, capture user inputs, or both.
With dynamic pages, you connect the elements on the page to a dataset that connects to the relevant fields in your collection. You can also add filters to your datasets to exclude certain items, or add sort conditions that determine the order in which the items appear.
Learn how to set up datasets to begin integrating your site's content with your CMS collections.
What's a dynamic page?
Dynamic pages use a consistent layout and design, while changing their content based on the page's connected collection items.
There are two types of dynamic pages:
- Dynamic list pages: These can showcase several items from a collection in galleries or repeaters. They allow visitors to click an item to go to its dynamic item page where they can view more details about the selected item.
- Dynamic item pages: These are automatically created for every item in your page's connected collection. They display details about individual collection items in various page elements that connect to fields in your collection.
Learn more about:
Did this help?
|
