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:

• Red

Nuestra comunidad es activa y siempre da la bienvenida a nuevas ideas.