## Overview
The Data Grid Actions Menu Pro is a specialized plugin for data tables, repeating groups, and list views in Bubble. It provides an elegant and efficient way to add row-level actions with minimal performance impact, perfect for managing data operations like editing, deletion, viewing details, and more.

## Key Features

- Optimized for repeating groups and tables
- Lightweight rendering for better performance
- Smart positioning to prevent overlaps
- Pre-configured common data actions
- Customizable appearance per row
- Responsive and mobile-friendly
- Support for simple, animated (LordIcon), and Iconify icons
- Customizable dividers to group related actions

## Use Cases

1. **Data Tables**
   - Row action menu
   - Bulk operations
   - Record management
2. **Repeating Groups**
   - Item actions
   - Content management
   - List operations
3. **List Views**
   - Card actions
   - Item operations
   - Content controls

## Implementation

### Basic Setup in a Repeating Group

1. Add the menu element to your repeating group
2. Configure standard actions:

```
Menu1: "View Details" (view icon)
Menu2: "Edit" (edit icon)
Menu3: "Delete" (delete icon)

```

### Common Workflows

1. **View Details Flow**
   - Trigger: Menu1 Selected
   - Action: Navigate to Details Page
   - Data: Current Row's ID
2. **Edit Record Flow**
   - Trigger: Menu2 Selected
   - Action: Open Edit Popup/Page
   - Data: Current Cell's Data
3. **Delete Record Flow**
   - Trigger: Menu3 Selected
   - Action: Show Confirmation Dialog
   - Data: Record ID for Deletion

## Supported Icon Types

### Simple Icons

Basic icons represented by Unicode characters. Ideal for simple and lightweight menus.

### Animated Icons (LordIcon) - https://lordicon.com/

High-quality animated icons from the LordIcon library. Perfect for interactive and modern interfaces.

### Iconify Icons - https://icon-sets.iconify.design/

Access to thousands of icons from various libraries through Iconify. Offers great variety of choice.

### SVG Icons

SVG code support.


## Performance Tips

### Optimizing for Large Lists

1. Use conditional rendering for menu items
2. Minimize dynamic properties
3. Cache frequently used values
4. Use efficient workflows

### Best Practices

1. Keep menus consistent across rows
2. Use clear, recognizable icons
3. Group related actions with dividers
4. Consider mobile viewports
5. Implement confirmation for destructive actions

## Events and States

### Triggers

- `onSelect` - When a menu item is selected
- `onOpen` - When the menu is opened
- `onClose` - When the menu is closed

### States

- `is_open` - Current menu state (open/closed)
- `selected_index` - Index of the last selected item
- `selected_item` - Name of the last selected item

## Troubleshooting

### Common Issues

**Performance in Large Lists:**

- Enable lazy loading
- Minimize dynamic properties
- Use efficient workflows

**Menu Positioning:**

- Check container boundaries
- Verify z-index settings
- Adjust viewport handling

**Mobile Responsiveness:**

- Test on different screen sizes
- Verify touch interactions
- Check overflow handling

## Configuration Examples

### Standard Data Table Setup

```
Menu1: "View" (view icon)
Menu2: "Edit" (edit icon)
Menu3: "Delete" (delete icon)
Menu4: "Download" (download icon)

```

### Content Management Setup

```
Menu1: "Edit" (edit icon)
Menu2: "Publish" (check icon)
Menu3: "Archive" (download icon)
Menu4: "Delete" (delete icon)

```

### User Management Setup

```
Menu1: "Profile" (view icon)
Menu2: "Settings" (settings icon)
Menu3: "Permissions" (key icon)
Menu4: "Disable" (close icon)

```

## Demo and Resources

**Demo Page:** https://nobubble-48765.bubbleapps.io/version-test/dots_table?debug_mode=true

**Editor Page:** https://bubble.io/page?id=nobubble-48765&tab=Design&name=dots_table&type=page

## Author

**Gilsénio Ferreira**