---
title: "WorkspaceTableLayout · types"
url: https://developers.dagio.ai/fr/reference/types-workspace-table-layout/
---

# WorkspaceTableLayout · types

   
                                     
                                                                              
                                              
                  
           
          
   

Les types ci-dessous définissent les objets nommés et leurs relations. Les propriétés héritées sont incluses dans les tableaux. Les types dérivés d’un schéma renvoient à sa structure; une déclaration TypeScript ne remplace pas les contrôles sémantiques du compilateur.

## WorkspaceTableLayout

Exact admitted visual options; persistence and mutation remain separate canonical owners.

```typescript
export type WorkspaceTableLayout = z.infer<typeof workspaceTableLayoutSchema>;
```

## WorkspaceTableGrouping

One declared set of grouping choices and its bounded group page size.

```typescript
export type WorkspaceTableGrouping = z.infer<typeof workspaceTableGroupingSchema>;
```

## WorkspaceTableCellFormat

The shared formatter consumes canonical scalar values, never arbitrary renderer code.

```typescript
export type WorkspaceTableCellFormat = z.infer<typeof workspaceTableCellFormatSchema>;
```

[Toutes les références](https://developers.dagio.ai/fr/reference/)

<!-- surface-examples:start -->

## Exemples appliqués : Colonnes et formats d’une collection

Déclarez la source de chaque colonne avant son format, son ordre et ses filtres.

### Configuration

Fragment à placer dans `presentation.tableViews[]`. [Propriétés et valeurs admises](https://developers.dagio.ai/fr/reference/workspace-record-presentation/).

```json
{
  "viewKey": "quotes-table",
  "columns": [
    {
      "key": "number",
      "label": "Numéro",
      "source": {
        "kind": "native",
        "property": "title"
      }
    },
    {
      "key": "status",
      "label": "État",
      "source": {
        "kind": "field",
        "fieldPath": "fields/status"
      }
    },
    {
      "key": "amount",
      "label": "Montant",
      "source": {
        "kind": "field",
        "fieldPath": "fields/amount"
      }
    }
  ],
  "openLabel": "Ouvrir la soumission"
}
```

### Variante et raccordement

Fragment à placer dans `presentation.tableViews[].layout`. [Propriétés et valeurs admises](https://developers.dagio.ai/fr/reference/workspace-table-layout/).

```json
{
  "contract": "WorkspaceTableLayout@1",
  "grouping": null,
  "columns": [
    {
      "columnKey": "number",
      "visible": true,
      "width": null,
      "frozen": true,
      "format": {
        "kind": "text"
      },
      "headerFilterParameterKey": null
    },
    {
      "columnKey": "status",
      "visible": true,
      "width": null,
      "frozen": false,
      "format": {
        "kind": "badge"
      },
      "headerFilterParameterKey": null
    },
    {
      "columnKey": "amount",
      "visible": true,
      "width": null,
      "frozen": false,
      "format": {
        "kind": "number",
        "maximumFractionDigits": 2
      },
      "headerFilterParameterKey": null
    }
  ],
  "columnGroups": []
}
```

### Exemple de disposition UI

La disposition illustrative ci-dessous situe cette configuration dans l’app Clients/Soumissions. Chaque fragment s’insère à l’emplacement indiqué; ses références aux Fields, Queries et Actions correspondent aux déclarations du Model.

1. Numéro
2. État
3. Montant
4. Dernière mise à jour

<!-- surface-examples:end -->