angular / angular/components

Drag and Drop between Columns with Mat-tableI

Open
#13,776 10 comments 17 reactions 0 assignees View on GitHub
area: cdk/drag-drop area: material/table feature P3
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

#### Bug, feature request, or proposal:
feature request

#### What is the expected behavior?
I would like to move the order of columns by drag and drop in mat-table

#### What is the current behavior?
I can only move between rows

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Angular 7.0.0
Angular Material 7.0.1

#### Is there anything else we should know?
Any demo solution in StackBlitz will be appreciated.

Contributor guide

Open the contributing guide

Research direction

Start by examining mat-table and its existing row drag-and-drop behavior. Determine how column order is represented and what interaction is expected for moving columns between positions. Done means mat-table columns can be reordered by drag and drop, with behavior demonstrated in a StackBlitz example and covered by the relevant tests.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.