version: 4.1.10
- 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
- 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
- Includes most features of ReactGrid
- Presents multiple data changes in real time
- Provides additional actions in context menu (removing rows or columns)
- 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
- 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
- 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
Nr
Date
Employee
Hours
1
10/12/2020
Christina West
6
2
10/16/2020
Christina West
2
3
10/18/2020
Christina West
6
4
10/11/2020
Christina West
5
5
10/17/2020
Alice Quartz
8
6
10/16/2020
Alice Quartz
8
7
10/16/2020
Alice Quartz
8
8
10/17/2020
Alice Quartz
6
9
10/15/2020
Andrew Pulaski
6
10
10/13/2020
Andrew Pulaski
8
11
10/19/2020
Andrew Pulaski
6
12
10/20/2020
Andrew Pulaski
8
Row height: 35px
Color:
Font size: medium
Font:
Capabilities:
Core features (applied):
Nr
Date
Employee
Hours
1
10/12/2020
Christina West
6
2
10/16/2020
Christina West
2
3
10/18/2020
Christina West
6
4
10/11/2020
Christina West
5
5
10/17/2020
Alice Quartz
8
6
10/16/2020
Alice Quartz
8
7
10/16/2020
Alice Quartz
8
8
10/17/2020
Alice Quartz
6
9
10/15/2020
Andrew Pulaski
6
10
10/13/2020
Andrew Pulaski
8
11
10/19/2020
Andrew Pulaski
6
12
10/20/2020
Andrew Pulaski
8
Row height: 35px
Color:
Font size: medium
Font:
Capabilities:
Core features (applied):
Nr
Date
Employee
Hours
1
10/12/2020
Christina West
6
2
10/16/2020
Christina West
2
3
10/18/2020
Christina West
6
4
10/11/2020
Christina West
5
5
10/17/2020
Alice Quartz
8
6
10/16/2020
Alice Quartz
8
7
10/16/2020
Alice Quartz
8
8
10/17/2020
Alice Quartz
6
9
10/15/2020
Andrew Pulaski
6
10
10/13/2020
Andrew Pulaski
8
11
10/19/2020
Andrew Pulaski
6
12
10/20/2020
Andrew Pulaski
8
Row height: 35px
Color:
Font size: medium
Font:
Capabilities:
1
10/12/2020
Christina West
6
2
10/16/2020
Christina West
2
3
10/18/2020
Christina West
6
4
10/11/2020
Christina West
5
5
10/17/2020
Alice Quartz
8
6
10/16/2020
Alice Quartz
8
7
10/16/2020
Alice Quartz
8
8
10/17/2020
Alice Quartz
6
9
10/15/2020
Andrew Pulaski
6
10
10/13/2020
Andrew Pulaski
8
11
10/19/2020
Andrew Pulaski
6
12
10/20/2020
Andrew Pulaski
8
13
10/19/2020
Andrew Pulaski
8
14
10/14/2020
Andrew Pulaski
6
15
10/20/2020
Andrew Pulaski
8
16
10/14/2020
Thomas Lee
6
17
10/22/2020
Thomas Lee
8
18
10/20/2020
Thomas Lee
6
19
10/14/2020
Thomas Lee
8
20
10/22/2020
Thomas Lee
6
21
10/12/2020
Thomas Lee
8
22
10/14/2020
Thomas Lee
8
Nr
Date
Employee
Hours
Project
Description
Row height: 35px
Color:
Font size: medium
Font:
Capabilities:
Nr
Date
Employee
Hours
1
10/12/2020
Christina West
6
2
10/16/2020
Christina West
2
3
10/18/2020
Christina West
6
4
10/11/2020
Christina West
5
5
10/17/2020
Alice Quartz
8
6
10/16/2020
Alice Quartz
8
7
10/16/2020
Alice Quartz
8
8
10/17/2020
Alice Quartz
6
9
10/15/2020
Andrew Pulaski
6
10
10/13/2020
Andrew Pulaski
8
11
10/19/2020
Andrew Pulaski
6
12
10/20/2020
Andrew Pulaski
8
Row height: 35px
Color:
Font size: medium
Font: