Idea

This package should act mainly as an HOC (High order component) around react-data-grid, the extensions to enable would depend on props injected to the HOC, all the remaining props that are rdg related need to be propagated down. Still modules like the Editors and Formatters would be exposed in different npm packages.

What it should look like

const ExtendedGrid = rdgExtensions(ReactDataGrid);
// ..
// render an extended grid
<ExtendedGrid 
   gridProps={...}
   extensionProps={{
      columns: {
         onColumnsChanged: ...
         ...
      },
      alignment = {
         onCellAlignmentChanged: ...,
         renderer: ...
         ...
      }
   } />

Add formatters to:

• Display color codes

Add docs to explain who to use the package

Support for column add

Add support for adding new columns

Unify the column updates to a single callback

Expose the update types in the npm package as an enum for example and send them in the callback

const COLUMN_UPDATE = {
   ADD: 0,
   EDIT: 1,
   DELETE: 2
}

Dynamic columns for standard case should work without any extra code

The logic in the example grid should work without need for callbacks, callbacks should act only has an option if the user wants to customise.

im using react-data-grid-extensions only in my production development code im trying to do that last 2days please give me some suggestion @diogofcunha
for add row delete row

thanks

Multiple cell selection
by drag, row, column
Keyboard shortcuts
delete
copy
paste
cut
undo
redo
Up/down/left/right

pls check if u have time https://codesandbox.io/s/3z3lq9zn1

Is there any way to overwrite the tables default key bindings? For example when using the day picker, can you not navigate with your key board arrows?

Add editors for:

• Picking colors
• Multi selection
• Text area