Skip to main content


The table component allows you to display a table.

Table API


If you are new to Tables, check out our Introduction guide.

The following section details Table component's specific settings. For more details on the App Editor, check the dedicated documentation or the App Editor Quickstart:

Table Input

Array<Object>truefalseThe table data.

The columns are automatically generated from all the keys of the objects in the array.

Table configuration

search'Disabled', 'By Runnable', 'By component'falsefalse'Disabled'The search query to filter the table.
Download buttonbooleanfalsefalsefalseWhether to display a download button.
Initial stateobjectfalsefalseThe initial state of the table: any configuration that can be passed to the tanstack table component as initial state (
Select First Row By DefaultbooleanfalsefalsefalseWhether you want the first row to be selected by default.

Search can be configured in the following ways:

  • Disabled: The search is disabled.
  • By Runnable: The search is done in the backend.
  • By component: The search is done in the frontend.

Table actions

Table can define actions that will be displayed in each row of the table. An action is a Button component that cannot be moved.


resultObjectThe table data.
loadingbooleanThe loading state of the table component
selectedRowObjectThe selected row
selectedRowIndexnumberThe selected row index
searchstringThe search query