---
pkg: "@nocobase/plugin-block-grid-card"
---
# Grid Card

## Introduction

The Grid Card block displays summary information of data records in a card format. It supports configuring the number of columns for different screen sizes to ensure a user-friendly display on various devices.

## Block Settings


![20251023205037](https://static-docs.nocobase.com/20251023205037.png)


### Data Scope


![20251023205425](https://static-docs.nocobase.com/20251023205425.png)


For more information, see [Set data scope](/interface-builder/blocks/block-settings/data-scope)

### Set the number of columns per row


![20251023210137](https://static-docs.nocobase.com/20251023210137.gif)


Supports configuring the number of columns for different screen sizes.


![20251023210303](https://static-docs.nocobase.com/20251023210303.png)


## Configure Fields

### Fields from this collection


![20251023210533](https://static-docs.nocobase.com/20251023210533.png)


### Fields from associated collections


![20251023210629](https://static-docs.nocobase.com/20251023210629.png)


For Grid Card block field settings, see [Details Field](/interface-builder/fields/generic/detail-form-item)

## Configure Actions

### Global Actions


![20251023211330](https://static-docs.nocobase.com/20251023211330.png)


- [Filter](/interface-builder/actions/types/filter)
- [Add new](/interface-builder/actions/types/add-new)
- [Delete](/interface-builder/actions/types/delete)
- [Refresh](/interface-builder/actions/types/refresh)
- [Import](/interface-builder/actions/types/import)
- [Export](/interface-builder/actions/types/export)
- [Template print](/template-print/index)
- [Bulk update](/interface-builder/actions/types/bulk-update)
- [Export attachments](/interface-builder/actions/types/export-attachments)
- [Trigger workflow](/interface-builder/actions/types/trigger-workflow)
- [AI employee](/interface-builder/actions/types/ai-employee)
- [JS Action](/interface-builder/actions/types/js-action)

### Row Actions


![20251023211054](https://static-docs.nocobase.com/20251023211054.png)


- [Edit](/interface-builder/actions/types/edit)
- [Delete](/interface-builder/actions/types/delete)
- [Link](/interface-builder/actions/types/link)
- [Pop-up](/interface-builder/actions/types/pop-up)
- [Update record](/interface-builder/actions/types/update-record)
- [Template print](/template-print/index)
- [Trigger workflow](/interface-builder/actions/types/trigger-workflow)
- [AI employee](/interface-builder/actions/types/ai-employee)
- [JS Action](/interface-builder/actions/types/js-action)