Selección de fila de cuadrícula

Utilice la Selección de filas de la cuadrícula para seleccionar filas completas a la vez a través de una columna de selección especial con casillas de verificación que aparece como la columna más a la izquierda de la Cuadrícula. La selección de filas de cuadrícula es visualmente idéntica al modo de selección de filas de la Ignite UI for Angular

Grid Row Selection Demo

Row Selection Column

La selección de filas de la cuadrícula se puede lograr mediante la creación de una columna adicional a la izquierda de la primera y configurando el Type de sus celdas de encabezado y cuerpo en Row Selection. Para las filas seleccionadas, el estado de la casilla de verificación de la fila debe establecerse en On y el estado de la casilla de verificación del encabezado debe establecerse en Indeterminate. Si se seleccionan todas las filas, la casilla de verificación del estado de la fila y el encabezado deben estar configurados en On.

Row Selection Cells

La Cuadrícula proporciona un tipo especial de Celdas del cuerpo para filas seleccionadas disponibles a través de las anulaciones Grid Feature en Sketch. Una vez que lo configure en RowSelected/Cell se aplicará un estilo distinguible para indicar que la celda pertenece a una fila seleccionada. En Figma, puede lograr esto seleccionando el componente Grid Feature anidada dentro de las celdas de la cuadrícula y cambiando a Row Selected usando la propiedad Variant en el panel de propiedades. En Adobe XD, la Grid Feature se presenta como una capa que utiliza el paradigma Component States para permitirle cambiar fácilmente entre estados.

Additional Resources

Temas relacionados:

• Red

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