Columnas Adicionales

Resumen

Las columnas adicionales le permiten mostrar datos calculados o derivados en la tabla de colección sin almacenarlos en la base de datos.

Definiendo Columnas Adicionales

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: { /* ... */ }
};

Props del Constructor

Propiedad	Tipo	Descripción
entity	Entity	La entidad para esta fila
context	RebaseContext	Contexto completo de Rebase

Próximos Pasos

• Acciones de Entidad — Botones de acción personalizados
• Campos Personalizados — Campos de formulario personalizados

---