Skip to content

RecordTable

The records of one kind: count + Add, a sortable table (phones: a list), edit in a drawer, delete with a confirm.

Group: Data · Kind: macro

example
1 record
Acme renewal
1,200
yesterday
loading · true
1 record

Open in the playground

editorOpen
1 record
Acme renewal
1,200
yesterday
deleteOpen
1 record
Acme renewal
1,200
yesterday
missing
This record kind is not declared
Prop Type Required Bindable Description
kind string yes – The package’s record kind.
query string – – The records query (sort=name&order=asc, query=<name>); default newest first.
columns [string] – – The fields shown, in order; default every schema field.
add boolean – – Shows the Add button. Default true.
editable boolean – – Rows open the form; Edit and Delete show. Default true.
title string – – Filled by the host.
cols [column] – – Filled by the host.
rows [object] – yes Filled by the host.
count string – yes Filled by the host.
loading boolean – yes Filled by the host. Default false.
fields [object] – – Filled by the host.
path string – – Filled by the host.
editorOpen boolean – yes Filled by the host. Default false.
editorId string – yes Filled by the host.
deleteOpen boolean – yes Filled by the host. Default false.
missing boolean – – Filled by the host. Default false.

None.

None.

none

No basic catalog component maps here.

Box · Button · Dialog · Drawer · EmptyState · Form · FormActions · List · RecordForm · Skeleton · Table · Text · Toolbar

Role: group

group: the toolbar, the expanded Table (phones: the List), the editor drawer and the delete confirm (alertdialog)

Keys Action
– Tab moves through Add, the headers and each row’s Edit and Delete
– Escape closes the drawer or the confirm

Recipe parts: RecordTable/root RecordTable/unknown RecordTable/toolbar RecordTable/count RecordTable/add RecordTable/loading RecordTable/table RecordTable/menu RecordTable/edit RecordTable/delete RecordTable/list RecordTable/editor RecordTable/form RecordTable/confirm RecordTable/confirmForm RecordTable/confirmActions

Keyed by: :hover :pressed :focus :disabled :checked :open :selected :invalid :dragover

Themes · Write a theme

Button · Dialog · Drawer · EmptyState · Form · FormActions · List · RecordForm