logologo
Get Started
Guide
Development
Plugins
API
English
简体中文
Get Started
Guide
Development
Plugins
API
English
简体中文
logologo
Overview

Blocks

Overview

Data Blocks

Table
Form
Details
List
Grid Card
Chart

Filter Blocks

Form

Other Blocks

Action Panel
Iframe
Reference block
Markdown
JS Block

Block Settings

Data Scope
Layout
Block Linkage Rules
Field Linkage Rules
Sorting Rules
Block Deletion
Block Title

Fields

Overview

Generic Settings

Table Column
Detail Form Item
Filter Form Item
Form Item

Specific Settings

Date
File Manager
Sub-form
Select
Picker
Sub-table
Sub-detail
Title
JS Field
JS Item
JS Column

Field Settings

Default Value
Field Label
Show Label
Field Tooltip
Data Scope
Field Component
Number Format
Pattern
Required
Title Field
Validation Rules
Association Field

Actions

Overview

Action Settings

Edit Button
Double Check
Assign Values
Bind Workflow
Edit Popup
Action Linkage Rules

Action Types

Add New
View
Delete
Edit
Import
Import Pro
Export
Export Pro
Export Attachments
Filter
Link
Pop-up
Refresh
Submit
Trigger Workflow
Update Record
Bulk Update
JS Action
Action Permissions

Advanced

Linkage Rules
Event Flow
Variables
RunJS
Previous PageOverview
Next PageForm

#Table Block

#Introduction

The Table block is one of the core built-in data blocks in NocoBase, primarily used to display and manage structured data in a tabular format. It offers flexible configuration options, allowing users to customize table columns, column widths, sorting rules, and data scope to ensure the displayed data meets specific business needs.

#Key Features:

  • Flexible Column Configuration: You can customize the table's columns and column widths to suit different data display requirements.
  • Sorting Rules: Supports sorting table data. Users can arrange data in ascending or descending order based on different fields.
  • Data Scope Setting: By setting the data scope, users can control the range of data displayed, avoiding interference from irrelevant data.
  • Action Configuration: The Table block has various built-in action options. Users can easily configure actions like Filter, Add New, Edit, and Delete for quick data management.
  • Quick Edit: Supports direct data editing within the table, simplifying the operational process and improving work efficiency.

#Block Settings

20251023150819

#Block Linkage Rules

Control block behavior (e.g., whether to display or execute JavaScript) through linkage rules.

20251023194550

For more details, see Linkage Rules

#Set Data Scope

Example: By default, filter orders where the "Status" is "Paid".

20251023150936

For more details, see Set Data Scope

#Set Sorting Rules

Example: Display orders in descending order by date.

20251023155114

For more details, see Set Sorting Rules

#Enable Quick Edit

Activate "Enable Quick Edit" in the block settings and table column settings to customize which columns can be quickly edited.

20251023190149

20251023190519

#Configure Fields

#Fields of This Collection

Note: Fields from inherited collections (i.e., parent collection fields) are automatically merged and displayed in the current field list.

20251023185113

#Fields of Associated Collections

Note: Supports displaying fields from associated collections (currently only supports to-one relationships).

20251023185239

#Other Custom Columns

20251023185425

  • JS Field
  • JS Column

#Configure Actions

#Global Actions

20251023171655

  • Filter
  • Add New
  • Delete
  • Refresh
  • Import
  • Export
  • Template Print
  • Bulk Update
  • Export Attachments
  • Trigger Workflow
  • JS Action
  • AI Employee

#Row Actions

20251023181019

  • View
  • Edit
  • Delete
  • Pop-up
  • Link
  • Update Record
  • Template Print
  • Trigger Workflow
  • JS Action
  • AI Employee