Customizing Cell Editing with editCellRenderer

[doonfrs]

TrinaGrid Update: Customizing Cell Editing with editCellRenderer

I'm excited to introduce a powerful enhancement to TrinaGrid's cell editing: the editCellRenderer feature. This update provides greater control over how cells appear and behave in edit mode.

🚀 What's New?

🎨 Customizable Edit Cell Rendering

With editCellRenderer, you can:

• Modify edit cell appearance dynamically
• Customize behavior per column or grid-wide
• Improve user experience with tailored UI components

🛠 Usage Examples

Column-Level Customization

TrinaColumn(
  title: 'Name',
  field: 'name',
  enableEditingMode: true,
  editCellRenderer: (defaultEditCellWidget, cell, controller, focusNode, handleSelected) {
    return Container(
      decoration: BoxDecoration(
        border: Border.all(color: Colors.blue, width: 2),
        borderRadius: BorderRadius.circular(4),
      ),
      child: defaultEditCellWidget,
    );
  },
)

Grid-Level Customization

TrinaGrid(
  columns: columns,
  rows: rows,
  editCellRenderer: (defaultEditCellWidget, cell, controller, focusNode, handleSelected) {
    return Container(
      decoration: BoxDecoration(
        border: Border.all(color: Colors.green, width: 2),
        borderRadius: BorderRadius.circular(4),
      ),
      child: defaultEditCellWidget,
    );
  },
)

This update enhances flexibility, making TrinaGrid even more powerful for interactive data entry.

🔗 Learn more: [Cell Editing Documentation](https://github.com/doonfrs/trina_grid/blob/main/doc/features/cell-editing.md)