¿Cómo implementar la función de presentar múltiples colores en las celdas de la tabla (Ant Design Vue)?

En Ant Design Vue, si desea representar varios colores en una celda, debe personalizar cómo se representa la celda. Puede lograr esto a través de ranuras o funciones de renderizado personalizadas. A continuación se muestra un ejemplo sencillo de cómo hacer esto utilizando una función de renderizado personalizada.

Primero, debe definir los datos de la tabla y las definiciones de las columnas. Aquí, asumimos que tiene una fuente de datos de tabla llamada dataSource y una matriz de definiciones de columnas llamadas columnas

.