Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

igx-grid multi-column headers #488

Closed
kdinev opened this issue Dec 4, 2017 · 3 comments
Closed

igx-grid multi-column headers #488

kdinev opened this issue Dec 4, 2017 · 3 comments
Assignees
@StefanIvanov @simeonoff @zdrawku @SDinev @rkaraivanov
Labels
feature grid: general version: 6.1.x

Comments

@kdinev
Copy link
Member

kdinev commented Dec 4, 2017

Description

As a developer, I would like to configure the igx-grid to display multiple layers of headers on top, in order to display groups into which certain columns belong.

As a user, I would like to see what columns of the grid apply to the location information encapsulated in the Country, Street, and Zip Code columns.

Attachments

image
@SlavUI
Copy link
Contributor

SlavUI commented Feb 12, 2018 •
edited
Loading

Spec created and available in Wiki: https://github.com/IgniteUI/igniteui-angular/wiki/Grid-multi-column-headers

@SlavUI SlavUI added 🛠️ status: in-development Issues and PRs with active development on them and removed 🆕 status: new labels Jun 11, 2018
@SlavUI
Copy link
Contributor

SlavUI commented Jun 11, 2018

@SDinev and @StefanIvanov guys please put the designs in the issue :)

@SDinev
Copy link

SDinev commented Jun 12, 2018

Designs incoming:

Default Styling

  • Text in the header cells is set in Title Case
  • Text is aligned left.
  • If styling allows, we should create horizontal lines to separate each level of the multicolumn headers.

igx-grid_multicolumn_headers

Possible user styling

Headers and summaries have blue shades applied, the toolbar uses the primary color, and the secondary color is changed to yellow. Headers are set in uppercase.
This screenshot is for purely presentation purposes.
igx-grid_multicolumn_headers-styled2

rkaraivanov added a commit that referenced this issue Jun 13, 2018
@rkaraivanov
feat(igxGridColumnGroups): Initial version of column groups
9d24635 
Closes #488
rkaraivanov added a commit that referenced this issue Jun 13, 2018
@rkaraivanov
feat(igxGrid): Multi-column headers
5552aa4 
Initial implementation. Changed the way pinning works.

Closes #488
@rkaraivanov rkaraivanov mentioned this issue Jun 13, 2018
Merged
11 tasks
rkaraivanov added a commit that referenced this issue Jun 15, 2018
@rkaraivanov
feat(igxGrid): Column groups styling and refactor
4ac9aad 
Closes #488
rkaraivanov added a commit that referenced this issue Jun 20, 2018
@rkaraivanov
feat(igxGrid): Column moving with multi headers
75178ce 
Closes #488
tiliev pushed a commit that referenced this issue Jun 20, 2018
test(igx-grid): Multi-column headers width tests. #488
06adbf5
nrobakova pushed a commit that referenced this issue Jun 21, 2018
@nvitanov
test(igx-grid): Added column groups API tests. #488
86a985d
tiliev pushed a commit that referenced this issue Jun 21, 2018
test(igx-grid): Added column group rendering test. #488
50b305e
tiliev pushed a commit that referenced this issue Jun 21, 2018
refactor(igx-grid): Changed test component's name. #488
7d9a080
tiliev pushed a commit that referenced this issue Jun 22, 2018
test(igx-grid): Fixed multi-column width with percent tests. #488
5505290
rkaraivanov added a commit that referenced this issue Jun 22, 2018
@rkaraivanov
feat(igxGrid): Column pinning and moving interaction
735a825 
Closes #488
nrobakova added a commit that referenced this issue Jun 22, 2018
@nrobakova
test(IgxGrid): Added column group pinning tests. #488
0eea70e
rkaraivanov added a commit that referenced this issue Jun 22, 2018
@rkaraivanov
fix(igxGrid): Column group hiding
502567a 
Closes #488
tiliev pushed a commit that referenced this issue Jun 22, 2018
test(IgxGrid): Testing multi-column headers moving. #488
017dc77
nrobakova added a commit that referenced this issue Jun 22, 2018
@nrobakova
test(IgxGrid): Added colum groups pinning test. #488
28e7032
tiliev pushed a commit that referenced this issue Jun 22, 2018
test(IgxGrid): Resolved test conflicts. #488
4e8396f
tiliev pushed a commit that referenced this issue Jun 22, 2018
test(IgxGrid): Fixed failing column group test. #488
c8a844e
hanastasov added a commit that referenced this issue Jun 25, 2018
@hanastasov
test(grid): fix hidding parent/child multi header tests: #488
2057c46
tiliev pushed a commit that referenced this issue Jun 25, 2018
fix(IgxGrid): Fixed failing MCH width tests. #488
125f9c0
rkaraivanov added a commit that referenced this issue Jun 25, 2018
@rkaraivanov
fix(igxGrid): Keyboard navigation with MCH
42370c7 
Closes #488
zdrawku added a commit that referenced this issue Jun 25, 2018
@zdrawku
test(grid): Fix selection with paging tests #488
20a6e69
tiliev pushed a commit that referenced this issue Jun 25, 2018
fix(IgxGrid): Fixed MCH with pinning. #488
87b2472
rkaraivanov added a commit that referenced this issue Jun 25, 2018
@rkaraivanov
test(igxGrid): Column spec failing test
ce86704 
Closes #488
@zdrawku zdrawku removed the 🛠️ status: in-development Issues and PRs with active development on them label Jun 25, 2018
zdrawku added a commit that referenced this issue Jun 25, 2018
@zdrawku
test(grid): Update multiple selection with paging test #488
a908d23
rkaraivanov added a commit that referenced this issue Jun 26, 2018
@rkaraivanov
fix(igxGrid): Column pinning with MCH
08b15a4 
Closes #488
@nikunjgajera nikunjgajera mentioned this issue Nov 27, 2018
Closed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@StefanIvanov StefanIvanov

@simeonoff simeonoff

@zdrawku zdrawku

@SDinev SDinev

@rkaraivanov rkaraivanov

Labels
feature grid: general version: 6.1.x
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
7 participants
@kdinev @StefanIvanov @simeonoff @zdrawku @SDinev @rkaraivanov @SlavUI