Visual Cell Merging

Visual Cell Merging Specification

Owned by

Team Name

Developer Name

Stefan Ivanov

Requires approval from

Peer Developer Name | Date:
Stefan Ivanov | Date: 21 Sep 2020

Signed off by

Product Owner Name | Date:
Platform Architect Name | Date:

Revision history

Version	User	Date	Notes
0.1	Stefan Ivanov	Sep 21, 2020	Spec and design initial creation

1. Overview

Visually merging cells is a visual enhancement over the grid data, where a different style can be applied on consecutive cells within the same column with matching values. This reduces the cognitive perception of the grid and reduces the perceived visual complexity of the component, especially when large amounts of data are presented.

Objectives

Define the high-level goals End-to-end user experience

Acceptance criteria

Must-have before we can consider the feature a sprint candidate

...

2. User Stories

Elaborate more on the multi-facetted use cases

Developer stories:

Story 1: As a developer, I want to provide visually merged areas of cells by configuring a property on the grid, so that I can stress on some commonality in the data shown in the grid.
Story 2: As a developer, I want to be able to customize the style of the area of the merged cells, so that I can make it more prominent or subtle.
Story 3: As a developer, I expect that visual merging happens within the limits of a given grid column so that I can only fields with the same context of belonging are grouped together.

End-user stories:

Story 1: As an end-user, I want to be able to easily identify areas in the data where consecutive values match, so that I can have a notion of items belonging together according to common data

3. Functionality

Describe behavior, design, look and feel of the implemented feature. Always include visual mock-up

3.1. End-User Experience

** Integration scenarios or functionality with Multi-Column headers shows the bottom borders when there is a cell layout below, rather than a matching cell