Capabilities:

    • This budget planner example shows the possibility of calculating values of all aggregation fields in a reactive way in two axes - for organization or project for some time. See the available functionality:
    • Only white cells are able to change their value (all the aggregation cells will be updated accordingly)
    • A new value entered for a certain quarter on a given node will be proportionally distributed into the months within this quarter
    • Reorder a single row by drag & drop action onto a selected row (you can't reorder multiple rows)
    • Fold/unfold unit node with <code><kbd>SPACE</kbd></code> key (node cell has to be focused) or click on the chevron icon
    • Fold/unfold year and/or quarter columns by clicking chevron icon in the top row
    • Add a new row by clicking 'Add child row' in the context menu option on a selected row or delete it via 'Remove row' option

    Core features (applied):

    • Vertical and horizontal grouping (see the docs )
    • Custom cell templates (e.g. non editable number cell, see the docs )
    • Context menu (adding and removing row, see the docs )
    • Sticky row and column (see the docs )
    • Row reordering (see the docs )
    • Range, column and row selection (+ multi selection, see the docs )
    • Fill handle
    • Copy/cut/paste
    • Touch capability
    • SASS custom styling

    Capabilities:

    • Includes most features of ReactGrid
    • Presents multiple data changes in real time
    • Provides additional actions in context menu (removing rows or columns)

    Core features (applied):

    • Highlights (see the docs )
    • Custom cell templates (e.g. flag icon, see the docs )
    • Sticky row and column (see the docs )
    • Column resize (see the docs )
    • Row and column reordering (see the docs )
    • Range, column and row selection (+ multi selection, see the docs )
    • Context menu (see the docs )
    • Fill handle
    • Copy/cut/paste
    • Touch capability
    • SASS custom styling

    Capabilities:

    • Implements most ReactGrid features in a simple way
    • Calculates the athlete's points in the real time
    • Built-in Chevron Cell allows you to collapse the excercise's category by pressing on the chevron on pressing space

    Core features (applied):

    • Sticky row and column (see the docs )
    • Range selection (+ multi selection, see the docs )
    • Sticky row and column (see the docs )
    • Custom cell templates (see the docs )
    • Copy/cut/paste
    • Touch capability
    • SASS custom styling

    Capabilities:

    • Customization sample ReactGrid implementation allows user to add new records by editing the last blank row
    • It is possible to render every row in various ways, ReactGrid empowers the user to fully configure each cell independently
    • The simple configurator shows how easily you can style your table
    • Sample contains custom written dropdown cell
    • The header row and the blank row are sticky, so you can always see the title of the column and you're able to add new records

    Core features (applied):

    • Range selection (+ multi selection, see the docs )
    • Sticky row and column (see the docs )
    • Custom cell templates (see the docs )
    • Copy/cut/paste
    • Touch capability
    • SASS custom styling

    Capabilities:

    • This sample app was made for related article on our blog: open

    Core features (applied):

    • Sticky columns (see the docs )
    • Range selection (+ multi selection, see the docs )
    • Fill handle
    • Copy/cut/paste
    • Touch capability
    • CSS custom styling