Vistas
Las vistas describen cómo se proyecta una tabla para los usuarios. Una vista puede ocultar o reordenar campos, filtrar registros, ordenar registros, agrupar registros y definir configuraciones específicas de tipo para representación de cuadrícula, kanban, calendario, Gantt o galería.
Ver instantánea
| Propiedad | Tipo | Descripción |
|---|---|---|
| id | string | Id. de la vista. |
| tableId | string | Id. de la tabla propietaria. |
| name | string | Nombre de la vista. |
| type | BaseViewType | grid, kanban, calendar, gantt, gallery, pivot. |
| fieldOrder? | string[] | Orden de los campos en esta vista. |
| fieldSettings? | Record\<string, IViewFieldSetting\> | Configuración de visibilidad, ancho y tarjeta por campo. |
| filter? | `IFilterConfig | null` |
| sort? | ISortConfig[] | Reglas de clasificación. |
| group? | IGroupConfig[] | Reglas de grupo. |
| config | ViewSpecificConfig | Configuración de vista específica del tipo. |
Tipos de vista
| Tipo | Usar case |
|---|---|
grid | Edición de tablas similar a una hoja de cálculo. |
kanban | Tarjetas agrupadas por un campo de selección, persona, grupo, texto o fecha. |
calendar | Registros ubicados por campos de fecha. |
gantt | Planificación de línea de tiempo con campos de fecha de inicio y finalización. |
gallery | Diseño de tarjeta para registros visuales o con mucho contenido. |
pivot | Resúmenes y gráficos mediante el plugin de paneles. |
Crear una vista
TypeScript
const view = table.createView('Kanban', univerAPI.Enum.BaseViewType.Kanban)Configurar filtrado y clasificación
TypeScript
view.setFilter({ conjunction: univerAPI.Enum.BaseFilterConjunction.AND, conditions: [ { fieldId: 'status', operator: univerAPI.Enum.BaseFilterOperator.IS, operand: 'In progress', }, ],})view.setSort([ { fieldId: 'dueDate', direction: univerAPI.Enum.BaseSortDirection.ASC },])Visibilidad y ancho de campo
TypeScript
view.setFieldVisible('internalNotes', false)view.setFieldWidth('title', 280)¿Cómo es esta guía?