Drag and Drop between Columns with Mat-tableI

[Ryan8988]

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.

[Swoox]

Any update on this?

[Swoox]

Seen this comment

And found a working stackblitz:

column drag and drop

Implemented it in my project and worked straight away. You can just use the this.displayfields instead of the this.column.

[rcogal]

it's not working on these versions

[daveccrit]

I wrote a quick stackblitz using Angular Material 9, if that's an option. It made the drag and drop columns so much easier: https://stackblitz.com/edit/mat-table-column-reorder

[rcogal]

Thank you, @daveccrit 👍

[DuoWeng]

I wrote a quick stackblitz using Angular Material 9, if that's an option. It made the drag and drop columns so much easier: https://stackblitz.com/edit/mat-table-column-reorder

Could it be added sort function ?

[rcogal]

Yes, It can be added with sort function but it’s a different material api.

On Tue, Jul 21, 2020 at 2:13 AM DuoWeng notifications@github.com wrote:

I wrote a quick stackblitz using Angular Material 9, if that's an option. It made the drag and drop columns so much easier: https://stackblitz.com/edit/mat-table-column-reorder

Could it be added sort function ?

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/angular/components/issues/13776#issuecomment-661251354, or unsubscribe https://github.com/notifications/unsubscribe-auth/AHA33WYKAUIXGW6RHZW3RSDR4SCNXANCNFSM4F62H6KA .

--

Best regards, ​

Romel Lauron

SOFTWARE ENGINEER|E: r rlauron@cyrious.comcogal.lauron@gmail.com |C: (+63) 9177799540

[angular-robot[bot]]

Just a heads up that we kicked off a community voting process for your feature request. There are 20 days until the voting process ends.

Find more details about Angular's feature request process in our documentation.

[angular-robot[bot]]

Thank you for submitting your feature request! Looks like during the polling process it didn't collect a sufficient number of votes to move to the next stage.

We want to keep Angular rich and ergonomic and at the same time be mindful about its scope and learning journey. If you think your request could live outside Angular's scope, we'd encourage you to collaborate with the community on publishing it as an open source package.

You can find more details about the feature request process in our documentation.

[anovazzi1]

I wrote a quick stackblitz using Angular Material 9, if that's an option. It made the drag and drop columns so much easier: https://stackblitz.com/edit/mat-table-column-reorder

you really save me right now, thanks