Cambio de tamaño de columna de cuadrícula
Utilice el cambio de tamaño de las columnas de la cuadrícula para indicar que las columnas de la cuadrícula pueden cambiar de tamaño y permitir al usuario tomar el borde derecho de su encabezado como controlador para ajustar su ancho. El cambio de tamaño de columna de cuadrícula es visualmente idéntico a la Ignite UI for Angular
Grid Column Resizing Demo
Header Cell
Para indicar que se puede cambiar el tamaño de una columna, configure la anulación Column Resizing
la celda del encabezado de la cuadrícula para la columna en Sketch cambiando el valor predeterminado de No redimensionable a Redimensionable. Para hacer eso en Figma debe ir al panel de capas, abrir la capa Celda de encabezado de cuadrícula y cambiar la propiedad del componente Column Resizing
de No redimensionable a Redimensionable. En Adobe XD, la capa Column Resizing
utiliza el paradigma Component States
para permitirle cambiar fácilmente entre estados. Esto es lo que marca la columna como redimensionable en lo que respecta a la generación de código.
Column Resizing Indicator Feature
La cuadrícula tiene un símbolo/componente Column Resizing Indicator
en Features
que representa un borde resaltado de toda la columna donde se produce el cambio de tamaño. Agregar este símbolo/componente solo tiene un efecto visual en su diseño para hacerlo más realista; si desea cambiar la función de cambio de tamaño de columna, configure las celdas del encabezado en consecuencia.
Additional Resources
Tema relacionado:
Nuestra comunidad es activa y siempre da la bienvenida a nuevas ideas.