> For the complete documentation index, see [llms.txt](https://docs.acho.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.acho.io/app-builder/app-construction/elements/table-and-chart/searchable-table.md).

# Searchable Table

<div align="left"><figure><img src="/files/OcQiX1K1cXyOh8lKMV0l" alt="" width="290"><figcaption></figcaption></figure></div>

Searchable table is a table to display data with built-in **Search**, **Sort** and **Pagination** functionality. It is designed to helps you quickly build down searchable database.

Searchable table now support [Table](/app-builder/app-construction/table.md) and [Metric](/app-builder/app-construction/metric.md). Please use universal **Table Element** for [Query](/app-builder/app-construction/query.md) to achieve more flexible experience.

## Property

<table><thead><tr><th width="193">Name</th><th>Description</th></tr></thead><tbody><tr><td><strong>Data source</strong></td><td>Select a data source to display its data.</td></tr><tr><td><strong>Columns</strong></td><td>Columns to display in the table.</td></tr><tr><td><strong>Default value</strong></td><td>Default searching value</td></tr><tr><td><strong>Current page</strong></td><td>Default page to display</td></tr></tbody></table>

## Supported Events

<table><thead><tr><th width="205">Event</th><th>Description</th></tr></thead><tbody><tr><td>Search</td><td>Triggered when a search is performed.</td></tr><tr><td>Page change</td><td>Triggered when go to a page.</td></tr><tr><td>Page Size Change</td><td>Triggered when set a new page size.</td></tr><tr><td>Sort Change</td><td>Triggered when sort buttons on the header is clicked.</td></tr><tr><td>Row Click</td><td>Triggered when a row in the table is clicked.</td></tr><tr><td>Get Data Error</td><td>Triggered when get table data API on table node is failed.</td></tr></tbody></table>

## Supported Actions

<table><thead><tr><th width="205">Event</th><th>Description</th></tr></thead><tbody><tr><td></td><td>Triggered when a search is performed.</td></tr><tr><td></td><td>Trigger</td></tr><tr><td></td><td>Triggered when set a new page size.</td></tr><tr><td></td><td>Triggered when sort buttons on the header is clicked.</td></tr><tr><td></td><td>Triggered when a row in the table is clicked.</td></tr></tbody></table>


---

# 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.acho.io/app-builder/app-construction/elements/table-and-chart/searchable-table.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.