> For the complete documentation index, see [llms.txt](https://docs.jetadmin.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.jetadmin.io/user-guide/design-and-structure/components/lists.md).

# Lists

There are several ways how you can display the same collection in Jet Admin:

* [Table](/user-guide/design-and-structure/components/lists/table.md) 
* [Map](/user-guide/design-and-structure/components/lists/map.md)
* [Kanban](/user-guide/design-and-structure/components/lists/kanban.md)
* [Calendar](/user-guide/design-and-structure/components/lists/calendar.md)
* [Gallery](/user-guide/design-and-structure/components/lists/gallery.md)
* [Timeline](/user-guide/design-and-structure/components/lists/timeline.md)

{% hint style="success" %}
Check the steps below to familiarize yourself with common **Lists** features
{% endhint %}

### Setting the Layout

To assemble UI components on the page the way your case requires, use one of the `Layouts` components:

![](/files/-MiRdvp34jiD2Q-AVGcn)

### Adding list component

To add any `component` to the page simply drag-and-drop it:

![](/files/-MiRcUjpqTyP0QQH5vMA)

### Card fields and Columns

`Columns` for the Table components and `Card fields` for other Lists components can be customized by rearranging, enabling/disabling flags, and changing field types:

![](/files/-MiRmmT4tr55F0JTebjV)

### Selection function

Any Lists component in Jet Admin has the `selected row` or `selected card` functions that can be used to trigger all sorts of actions as well as fetching values from selected records:

![](/files/-MiRWERb_hLVtOa7Z6y-)

### Actions

Using `selection function` you can also configure actions for any of the Lists components:

![](/files/-MiRr6oiSd_kbGjUknNg)

There are two ways to set actions:

1. `Row click` or `Card click` actions will be triggered when a row or card is clicked
2. `Header action` will be triggered after selecting a row and hitting the header button

### Pagination

You can limit the number of records displayed in one of the Lists components: 

![](/files/-MiRnptEWvcxZTptceOb)

### Search

You can enable Search for any of the Lists components:

![](/files/-MiRobE1CltCURSHe6CU)

{% content-ref url="/pages/-MA3iezGqny48f7Qu0s3" %}
[Actions](/user-guide/design-and-structure/actions.md)
{% endcontent-ref %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.jetadmin.io/user-guide/design-and-structure/components/lists.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.