---
pkg: "@nocobase/plugin-block-grid-card"
---
# Grille de cartes

## Introduction

Le bloc Grille de cartes affiche les informations récapitulatives des enregistrements de données sous forme de cartes. Il permet de configurer le nombre de colonnes en fonction des différentes tailles d'écran, afin de garantir un affichage convivial sur divers appareils.

## Paramètres du bloc

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

### Portée des données

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

Pour plus d'informations, consultez [Définir la portée des données](/interface-builder/blocks/block-settings/data-scope)

### Définir le nombre de colonnes par ligne

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

Vous pouvez configurer le nombre de colonnes pour différentes tailles d'écran.

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

## Configurer les champs

### Champs de cette collection

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

### Champs des collections associées

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

Pour les paramètres des champs du bloc Grille de cartes, consultez [Champs de détail](/interface-builder/fields/generic/detail-form-item)

## Configurer les actions

### Actions globales

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

- [Filtrer](/interface-builder/actions/types/filter)
- [Ajouter](/interface-builder/actions/types/add-new)
- [Supprimer](/interface-builder/actions/types/delete)
- [Actualiser](/interface-builder/actions/types/refresh)
- [Importer](/interface-builder/actions/types/import)
- [Exporter](/interface-builder/actions/types/export)
- [Imprimer le modèle](/template-print/index)
- [Mise à jour en masse](/interface-builder/actions/types/bulk-update)
- [Exporter les pièces jointes](/interface-builder/actions/types/export-attachments)
- [Déclencher un flux de travail](/interface-builder/actions/types/trigger-workflow)
- [Employé IA](/interface-builder/actions/types/ai-employee)
- [Action JS](/interface-builder/actions/types/js-action)

### Actions de ligne

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

- [Modifier](/interface-builder/actions/types/edit)
- [Supprimer](/interface-builder/actions/types/delete)
- [Lien](/interface-builder/actions/types/link)
- [Fenêtre contextuelle](/interface-builder/actions/types/pop-up)
- [Mettre à jour l'enregistrement](/interface-builder/actions/types/update-record)
- [Imprimer le modèle](/template-print/index)
- [Déclencher un flux de travail](/interface-builder/actions/types/trigger-workflow)
- [Employé IA](/interface-builder/actions/types/ai-employee)
- [Action JS](/interface-builder/actions/types/js-action)