# Searchable Table

<div align="left"><figure><img src="https://3574406564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MB_fx7PCUqvFEdrucJC%2Fuploads%2FyjbDi6aZ982LoQrfHW7I%2Fimage.png?alt=media&#x26;token=ab89b4ce-ed07-4f13-a34e-ecd539e71eca" 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](https://docs.acho.io/app-builder/app-construction/table "mention") and [metric](https://docs.acho.io/app-builder/app-construction/metric "mention"). Please use universal **Table Element** for [query](https://docs.acho.io/app-builder/app-construction/query "mention") 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>