> For the complete documentation index, see [llms.txt](https://docs.clickai.vn/clickai-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.clickai.vn/clickai-docs/clickai-docs-en/function/database/views-data-display-modes.md).

# Views (Data Display Modes)

## Table of Contents

·       \[Introduction to Views]\(#introduction-to-views)

·       \[View Types]\(#view-types)

·       \[Create a New View]\(#create-a-new-view)

·       \[View Permissions]\(#view-permissions)

·       \[Share a View]\(#share-a-view)

·       \[View Sections]\(#view-sections)

·       \[General Notes]\(#general-notes)

&#x20;

## Introduction to Views

Views in ClickAI Tables allow you to customize how your data is displayed while maintaining independent control over sorting, filtering, and field visibility. Each view retains its own configuration — changes made to one view do not affect any others.

This flexibility enables each team member to view the same dataset from a perspective that suits their workflow.

&#x20;

## View Types

### 📋 Grid View (Default)

Displays data in a traditional spreadsheet-style grid layout — similar to Excel/Google Sheets.

<table data-header-hidden><thead><tr><th valign="top"></th><th valign="top"></th></tr></thead><tbody><tr><td valign="top">Feature</td><td valign="top">Description</td></tr><tr><td valign="top">Display</td><td valign="top">Rows and columns layout</td></tr><tr><td valign="top">Best for</td><td valign="top">Data overview, data entry, analysis</td></tr><tr><td valign="top">Capabilities</td><td valign="top">Sort, filter, group, search, hide fields, row height</td></tr></tbody></table>

&#x20;

Key features:

·       Row Height: Adjust row height (Short, Medium, Tall, Extra)

·       Field Visibility: Show/hide columns as needed

·       Field Reorder: Drag & drop to change column order

·       Aggregation: Display summaries in footer (Count, Sum, Avg...)

&#x20;

### 📝 Form View

Displays fields as a data collection form — ideal for gathering information from external users.

<table data-header-hidden><thead><tr><th valign="top"></th><th valign="top"></th></tr></thead><tbody><tr><td valign="top">Feature</td><td valign="top">Description</td></tr><tr><td valign="top">Display</td><td valign="top">Data input form layout</td></tr><tr><td valign="top">Best for</td><td valign="top">Surveys, registrations, feedback collection</td></tr><tr><td valign="top">Capabilities</td><td valign="top">Custom layout, required fields, success message</td></tr></tbody></table>

&#x20;

Form View Configuration:

·       Drag & Drop: Arrange field order in the form

·       Required: Mark fields as mandatory

·       Help Text: Add guidance for each field

·       Show/Hide: Choose which fields appear in the form

·       Cover Image: Add a header image to the form

·       Success Message: Customize the post-submission message

·       Redirect URL: Redirect after submission

💡 TIP: Form View can be shared publicly via link — no login required. Perfect for: customer surveys, contact forms, event registrations, collecting feedback.

&#x20;

### 🖼️ Gallery View

Displays records as visual cards with featured images — ideal for visual data.

<table data-header-hidden><thead><tr><th valign="top"></th><th valign="top"></th></tr></thead><tbody><tr><td valign="top">Feature</td><td valign="top">Description</td></tr><tr><td valign="top">Display</td><td valign="top">Card layout with cover images</td></tr><tr><td valign="top">Best for</td><td valign="top">Product catalogs, portfolios, media libraries</td></tr><tr><td valign="top">Capabilities</td><td valign="top">Cover image, card field configuration</td></tr></tbody></table>

&#x20;

Gallery Configuration:

·       Select an Attachment field as the Cover Image

·       Choose which fields to display on each card

·       Apply filters and sorts

&#x20;

### 📊 Kanban View

Displays records as Kanban columns — ideal for workflow and pipeline management.

<table data-header-hidden><thead><tr><th valign="top"></th><th valign="top"></th></tr></thead><tbody><tr><td valign="top">Feature</td><td valign="top">Description</td></tr><tr><td valign="top">Display</td><td valign="top">Column-based status layout</td></tr><tr><td valign="top">Best for</td><td valign="top">Project management, sales pipeline, recruitment</td></tr><tr><td valign="top">Capabilities</td><td valign="top">Drag &#x26; drop between columns, stack by field</td></tr></tbody></table>

&#x20;

Requirement: The table must have at least one Single Select field to serve as the column grouping basis.

How to use:

1\.     Create a Kanban View

2\.     Select the Stack by Field (Single Select field for grouping)

3\.     Drag & drop cards between columns to update status

4\.     Click a card to view details

Example application:

Sales Pipeline:\
┌─────────┐ ┌─────────┐ ┌─────────┐ ┌─────────┐\
│  Lead   │ │Contacted│ │Proposal │ │  Won    │\
├─────────┤ ├─────────┤ ├─────────┤ ├─────────┤\
│ Card A  │ │ Card C  │ │ Card E  │ │ Card G  │\
│ Card B  │ │ Card D  │ │ Card F  │ │         │\
└─────────┘ └─────────┘ └─────────┘ └─────────┘

&#x20;

### 📅 Calendar View

Displays records on a calendar — ideal for event management, deadlines, and scheduling.

<table data-header-hidden><thead><tr><th valign="top"></th><th valign="top"></th></tr></thead><tbody><tr><td valign="top">Feature</td><td valign="top">Description</td></tr><tr><td valign="top">Display</td><td valign="top">Calendar layout (month/week/day)</td></tr><tr><td valign="top">Best for</td><td valign="top">Content calendars, event management, scheduling</td></tr><tr><td valign="top">Capabilities</td><td valign="top">Date-based display, drag to reschedule</td></tr></tbody></table>

&#x20;

Requirement: The table must have at least one Date or DateTime field.

Calendar Configuration:

5\.     Select a Date Field as the display basis

6\.     \*(Optional)\* Select an End Date Field for multi-day events

7\.     Switch between Month/Week/Day views

8\.     Drag & drop records to change dates

&#x20;

## Create a New View

9\.     In the sidebar, hover over the table name

10\.  Click the ➕ (Create View) icon

11\.  Select the view type you want to create

12\.  Enter a name for the view

13\.  Click Create to complete

📝 NOTE: Each view has independent settings for: field visibility, field order, field width, filters, sorts, groups, row colors, and row height. Changing one view's configuration does not affect others.

&#x20;

## View Permissions

### Collaborative Views (Default)

·       All members with edit permissions can modify view configurations

·       Ideal for teams working together on a shared view

### Locked Views

·       View configuration is locked — cannot be edited until unlocked

·       Members can read data but cannot modify view settings or content

·       Ideal for sharing consistent data presentations

### Personal Views

·       Only the view owner can modify the configuration

·       Other members have read-only access

·       Ideal for personal dashboards

<table data-header-hidden><thead><tr><th valign="top"></th><th valign="top"></th><th valign="top"></th></tr></thead><tbody><tr><td valign="top">Permission</td><td valign="top">Who can edit the view?</td><td valign="top">Who can view data?</td></tr><tr><td valign="top">Collaborative</td><td valign="top">Editor, Creator, Owner</td><td valign="top">Everyone</td></tr><tr><td valign="top">Locked</td><td valign="top">No one (until unlocked)</td><td valign="top">Everyone</td></tr><tr><td valign="top">Personal</td><td valign="top">View owner only</td><td valign="top">Everyone</td></tr></tbody></table>

&#x20;

&#x20;

## Share a View

You can share a view externally without granting access to the base:

### Public Share

14\.  Open the view to share

15\.  Click the Share icon on the toolbar

16\.  Toggle Enable Share View

17\.  Copy the share link

### Share Options

<table data-header-hidden><thead><tr><th valign="top"></th><th valign="top"></th></tr></thead><tbody><tr><td valign="top">Option</td><td valign="top">Description</td></tr><tr><td valign="top">Allow Download</td><td valign="top">Allow data download (CSV)</td></tr><tr><td valign="top">Password Protection</td><td valign="top">Require a password to access</td></tr><tr><td valign="top">Survey Mode</td><td valign="top">Display one record at a time (Form View)</td></tr><tr><td valign="top">Google Spreadsheet Sync</td><td valign="top">Sync data to Google Sheets</td></tr></tbody></table>

&#x20;

### Embed a View

Embed a view into a website or application:

18\.  Enable Share View

19\.  Copy the Embed Link (iframe)

20\.  Paste into your page's HTML

\<!-- Example: Embedding a ClickAI Tables View -->\
\<iframe\
&#x20; src="<https://tables.clickai.vn/shared/..."\\>
&#x20; width="100%"\
&#x20; height="600"\
&#x20; frameborder="0"\
\>\</iframe>

⚠️ IMPORTANT: A Shared View displays data based on the current view configuration (including filters, sorts, hidden fields). Recipients can only see the data you choose to display — they cannot access hidden data.

&#x20;

## View Sections

When a table has many views, you can organize them into sections in the sidebar:

·       Sections act as folders — they help group views by purpose

·       Can be collapsed/expanded

·       Do not affect data or view configuration

Example section organization:

📊 Table: Customers\
├── 📁 Data Entry\
│   ├── Grid View - All Customers\
│   └── Form View - New Customer\
├── 📁 Reports\
│   ├── Grid View - VIP Customers\
│   └── Kanban View - By Region\
└── 📁 Management\
&#x20;   ├── Calendar View - Follow-ups\
&#x20;   └── Gallery View - Customer Profiles

&#x20;

## General Notes

·       When opening a table, the default view displayed is the first common (non-personal) view

·       Each table must have at least one common Grid View — it cannot be deleted or converted to a personal view

·       The field display order for linked records is determined by the first common Grid View


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.clickai.vn/clickai-docs/clickai-docs-en/function/database/views-data-display-modes.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
