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