Variable: GridView

const GridView: object

Defined in: react/src/generated/jsx.ts:12917

Presents a large dynamic grid of items.

GtkGridView uses its factory to generate one child widget for each visible item and shows them in a grid. The orientation of the grid view determines if the grid reflows vertically or horizontally.

GtkGridView allows the user to select items according to the selection characteristics of the model. For models that allow multiple selected items, it is possible to turn on rubberband selection, using [property@Gtk.GridView:enable-rubberband].

To learn more about the list widget framework, see the overview.

Actions

GtkGridView defines a set of built-in actions:

• list.activate-item activates the item at given position by emitting the the [signal@Gtk.GridView::activate] signal.

CSS nodes

gridview
├── child[.activatable]
│
├── child[.activatable]
│
┊
╰── [rubberband]

GtkGridView uses a single CSS node with name gridview. Each child uses a single CSS node with name child. If the [property@Gtk.ListItem:activatable] property is set, the corresponding row will have the .activatable style class. For rubberband selection, a subnode with name rubberband is used.

Accessibility

GtkGridView uses the [enum@Gtk.AccessibleRole.grid] role, and the items use the [enum@Gtk.AccessibleRole.grid_cell] role.

Type Declaration

Name	Type	Defined in
Item	"GridView.Item"	react/src/generated/jsx.ts:12919
Root	"GridView.Root"	react/src/generated/jsx.ts:12918