[data grid] Row spanning with tree/grouping behavior #13646
Labels
component: data grid
This is the name of the generic UI component, not the React module!
new feature
New feature or request
plan: Premium
Impact at least one Premium user
waiting for 👍
Waiting for upvotes
Sumary
Nesting rows based on groups displayed using row-spanning
Maybe there's a quick win using tree data, but this seems potentially more complex than row grouping. TBD.
Referenced use case
Extracted from:
Here is an excel mockup of a current process artifact that is captured within the security field. We are attempting to convert a manual process that is captured on paper into a more automated workflow, and are attempting to replicate the original form as much as possible to ease adoption.
You will notice that
Event
aggregatesIndicator
, andIndicator
aggregatesAction
. EveryAction
is essentially its own row (includesEst. Location
,Start Time
,End Time
,Assignment
, andAct. Location
), however, they are nested under their parent which groups them together. The odd column you will probably notice isDecision
, and this is scoped to the entire Indicator--a specific decision needs to be made once an Indicator has been confirmed.We also dynamically build the columns under
Assets
based on what is available to that team. So the number of columns is determined by backing data elsewhere in the app.I believe that the following is beyond the scope of row spanning, however, I am providing it for completeness to give you better insight into what we would be trying to achieve.
We want to provide the ability to directly add/remove new
Event
,Indicator
, andAction
rows within this grid, which almost seems as though a tree data structure would be best for easier management of the backing data.It would be great if sorting honored the nesting of the rows, so that
Action
rows sorted under its'Indicator
, andIndicator
rows sorted under its'Event
.Can this visual design be easily achieved with what is available in the Data Grid at this time? If so, would you be able to point me to someone that could provide some advice?
Potential follow-up
Drag and drop support
possibly close to the behaviors required by #4821
Search keywords: row spanning tree data
The text was updated successfully, but these errors were encountered: