[FEAT] Reorder columns about ag-grid

[nsteenbeek]

@Wykks
Is possible on:
Grid level: suppressMovableColumns: true (https://www.ag-grid.com/javascript-grid-properties/index.php)
Column level: suppressMovable: true

[ceolter]

Thanks cnd5041 for your input, it's deffo on my 'to do' list . . . . just finishing 'checkbox selection' at the mo, next on my list is 'cell selection and keyboard navigation'.

[ceolter]

Agreed, will put in at some point. Thinking a popup with two lists for now,
with 'add' / 'remove' columns as well re-ordering. Then dragging columns
would be a nice 'show off' feature.

On 8 March 2015 at 02:23, Austin [email protected] wrote:

Column re-ordering would be a nice feature, you already have resizing.

—
Reply to this email directly or view it on GitHub
#6.

The information transmitted is intended only for the person or entity to
which it is addressed and may contain confidential and/or privileged
material. Statements and opinions expressed in this e-mail may not
represent those of the sender. Any review, retransmission, dissemination or
other use of, or taking of any action in reliance upon, this information by
persons or entities other than the intended recipient is prohibited. If you
received this in error, please contact the sender immediately and delete
the material from any computer.

[cnd5041]

Just wanted to second the request for the column re-ordering / dragging re-order.
Haven't implemented yet but looks awesome, thanks for making it!

[brianfeister]

+1 for this... was thinking the same

[vikasmur]

I want to use the column reordering feauture using drag drop in my app.
Could you please let us know the request's status / priority.
Thanks in advance.

[ceolter]

status: not started. priority: medium. estimate: two or three months from now.

[sbowler]

Any updated time frame on this?

[victordelacruz]

+1 on column reordering!

[ceolter]

you can reorder using the toolpanel

[victordelacruz]

Excellent, just tried the new Test Drive! :)

[killyosaur]

+1 on draggable Reorder of columns (not having to use the toolpanel).

[ceolter]

+1 . . . on my list

[mikeerickson]

+1

[scotthovestadt]

+1

[victordelacruz]

+1

[matatron]

+1

[jasdeepsingh]

+1

[epernice]

+1

[lucaalex87]

Guys, you have custom header renderer, you can implement drag&drop there, and call gridOptions.columnApi.moveColumn(fromIndex, toIndex) on ondragover.

I'm working on something like this just now. But it's with angularCompileHeaders: true also.

http://www.ag-grid.com/angular-grid-header-rendering/index.php

[lucaalex87]

Here you go, a simple example:

http://plnkr.co/edit/S9Qjno?p=preview

[liratanak]

+1
Thanks @lucaalex87, really nice example

[andrea-bologna]

+1 is there any estimation about that?

[ceolter]

dragging column headers will be in in the next week or two. it's the next 'big ticket' item i'll be doing.

[Wykks]

Works great with the lastest version, thanks !
Can you add an option/api to disable/enable this manually ?

[Wykks]

Whoa I missed that. Thanks ! :)

[ceolter]

closing this issue, complete :)

[nsteenbeek]

I found an issue.
Using ag-grid.min.noStyle.js: dragging column moves only the header and not the whole column.
Using ag-grid.min.js: dragging column moves whole column (expected)

[ceolter]

that's really strange, the only difference is 'noStyle' doesn't contain the css.

are you including the css yourself directly then?

[ceolter]

@nsteenbeek i've just tested, it works fine for me

[nsteenbeek]

@ceolter My fault! Forgot to update the ag-grid.css. That's why the version including styles worked. Thumbs up for ag-grid!

[chenokn]

Thanks cnd5041 for your input, it's deffo on my 'to do' list . . . . just finishing 'checkbox selection' at the mo, next on my list is 'cell selection and keyboard navigation'.

For keyboard accessibility.
Column re-ordering would be a nice feature with keyboard.

[AG-Zoheil]

Thank you for your comment @chenokn.

You'll be pleased to know that we are looking to add this functionality with our next v31 release. I have added the backlog item reference to this Github issues for your reference.