> For clean Markdown of any page, append .md to the page URL. > For a complete documentation index, see https://www.glideapps.com/docs/essentials/components/collections/llms.txt. > For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://www.glideapps.com/_mcp/server. # Collections > Show lists of items from your tables in different layouts. **Collections** turn your data into powerful functions of your app. They can be configured in many different ways, connected to [Actions](/docs/automation/actions) and workflows, customized with different styles and designs, and more. ![Types of collections in Glide.](/docs/_fern-img/b01dd06e0d5314416cf73fbb9f06643906d71a8bcd3c305b5e6771050ae4564c.webp) ## Adding and Setting Up Collections ### Data Choose a Table or Relation for your Collection's [Data Source.](/docs/essentials/data-sources/) You can also give your collection a **Title** to provide more direction for your users. ### Style Most collections like **Card**, **List**, **Grid**, and **Table** are roughly the same in how they are configured. Some collections have very different configurations, so please refer to their specific documentation ([Kanban Board](/docs/essentials/components/collections/kanban)**,** [Calendar](/docs/essentials/components/collections/calendar)**,** and [Data Grid](/docs/essentials/components/collections/data-grid)). ### Items Data For most styles, you have the option to show a **Title**, **Subtitle**, **Meta**, and **Image**. ### Design Depending on the Style you've chosen, your Design options may vary. Typically, you'll have options to select the **Style**, **Size**, and **Alignment**. Configure any additional design options to further customize how your Collection component is displayed. ### Options You can limit the number of items in your Collection, which shortens it to the specified number. But you can also customize the **Page size**. In other words, if the Collection is very long, it will automatically be grouped into pages and you can click through to the next or previous page. You can choose how many items appear on a page, which will affect the overall height of your collection. ## Enable Options settings You can customize the data displayed in your Collection by using [**Conditions**](/docs/use-cases/conditions-filtering-and-visibility) and other options. ### Visibility You can define when your Collection will be displayed by creating specific conditions to be met. In the **Visibility** section, click the **Add Condition** button to create your conditions. ### Filter data You can limit the items displayed in your Collection based on their properties. In the **Filter Data** section, click the **Add Filter** button to create your filters. ### Sort data By default, Collection items appear in the same order as they are in the data source. However, you can customize the Collection's sort in many ways. In the **Sort** section, click on the **Sort by Sheet order** field to expand the options and configure it. ### Group data You can group the data in your Collection based on a specific column in your source. In the **Group** section, click on the **Group by** dropdown to choose the column to group your items by. Select the long dash option from the dropdown if you don't want to group your Collection items. ### Search In the **Search** section, enable the **Show search bar** option to allow users to search for specific items in the Collection. ### Filter Select a filter in the **Show filter** field to let users filter the data that is displayed in the Collection. For example, you can configure a filter to limit the pins on a map based on a specific column in your data source. ## Actions Click **Actions** to adjust the default actions to your collection or **Enable advanced actions** to customize different areas of your collection. If you choose to enable advanced actions, you can: * Add **Title Bar Actions**, which creates buttons at the top of your collection. * Add an **Item Click** action, which creates a single action that triggers when an item is clicked. * Add **Collection Item Actions**, which creates buttons within each collection item. > Show lists of items from your tables in different layouts. ## Docs - [Calendar](https://www.glideapps.com/docs/essentials/components/collections/calendar.md): Display items on a calendar based on a specified date and time. - [Card](https://www.glideapps.com/docs/essentials/components/collections/card.md): Display a list of items in a card layout - [Chat](https://www.glideapps.com/docs/essentials/components/collections/chat.md): Allow users to chat with each other directly in your app. - [Checklist](https://www.glideapps.com/docs/essentials/components/collections/checklist.md): Display a list of items as an interactive checklist. - [Comments](https://www.glideapps.com/docs/essentials/components/collections/comments.md): Allow users to comment directly in your app. - [Custom Collection](https://www.glideapps.com/docs/essentials/components/collections/custom-collection.md): Build dynamic, reusable collections of data with Custom Collections. - [Data Grid](https://www.glideapps.com/docs/essentials/components/collections/data-grid.md): Display data in a layout that resembles a spreadsheet. - [Kanban Collection](https://www.glideapps.com/docs/essentials/components/collections/kanban.md): Kanban Collection - [List](https://www.glideapps.com/docs/essentials/components/collections/list.md): Display a group of items in a list layout. - [Table](https://www.glideapps.com/docs/essentials/components/collections/table.md): Display a list of items in a table layout.