+
+ On top of making a cell expandable, you can add more custom actions
+ by setting cellActions. This contains functions
+ called to render additional buttons in the cell and in the popover
+ when expanded. Behind the scenes those are treated as a React
+ components allowing hooks, context, and other React concepts to be
+ used. The functions receives an argument of type
+ EuiDataGridColumnCellActionProps
. The icons of these
+ actions are displayed on mouse over, and also appear in the popover
+ when the cell is expanded. Note that once you've defined the{' '}
+ cellAction property, the cell's
+ automatically expandable.
+
+
+ Below, the email and city columns provide 1{' '}
+ cellAction each, while the country column
+ provides 2 cellActions. The city column shows
+ another action with different alert when it's clicked in the
+ popover.
+
+
+ ),
+ components: { DataGridColumnCellActions },
+ props: {
+ EuiDataGrid,
+ EuiDataGridColumn,
+ EuiDataGridColumnActions,
+ EuiDataGridColumnCellAction,
+ EuiDataGridColumnCellActionProps,
+ EuiListGroupItem,
+ },
+ demo: