Skip to main content

TanStack Table (Depreciated)

Depreciated

TanStack Table has been depreciated and will be removed in the future. Please use the AgGrid Table or Database Studio components instead.

The table component allows you to display a table.

Table API

Guide

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

TypeConnectableTemplatableDefaultDescription
Array<Object>truefalseThe table data.
info

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

Table configuration

NameTypeConnectableTemplatableDefaultDescription
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 (https://tanstack.com/table/v8/docs/api/core/table#initialstate)
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.

Outputs

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