Colonnes supplémentaires

Aperçu

Les colonnes supplémentaires vous permettent d’afficher des données calculées ou dérivées dans le tableau de collection sans les stocker dans la base de données.

Définir des colonnes supplémentaires

const ordersCollection: EntityCollection = {
    slug: "orders",
    additionalFields: [
        {
            key: "total_display",
            name: "Total",
            Builder: ({ entity }) => {
                const total = entity.values.items?.reduce(
                    (sum, item) => sum + (item.price * item.quantity), 0
                ) ?? 0;
                return <span>${total.toFixed(2)}</span>;
            }
        },
        {
            key: "status_badge",
            name: "Status",
            Builder: ({ entity }) => {
                const color = entity.values.status === "completed" ? "green" : "orange";
                return (
                    <span style={{ color }}>
                        {entity.values.status}
                    </span>
                );
            },
            dependencies: ["status"]  // Re-render when these fields change
        }
    ],
    properties: { /* ... */ }
};

Propriétés du Builder

Propriété	Type	Description
entity	Entity	L’entité pour cette ligne
context	RebaseContext	Contexte Rebase complet

Prochaines étapes

• Actions d’entité — Boutons d’action personnalisés
• Champs personnalisés — Champs de formulaire personnalisés

---