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