# 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: 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:

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

The question should be specific, self-contained, and written in natural language.
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.