question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Table Columns Reordering Not Working - Only header cells are getting moved, not the body of the table

See original GitHub issue

I’m submitting a … (check one with “x”)

[ x ] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here

Current behavior Column Reordering not working as expected, only the header cell is getting reordered when dragged but column in the datatable’s body stays unmoved and doesn’t adjust as per changes in the header

Expected behavior Upon dragging table’s header cell to reorder columns, both header’s cell and its corresponding body’s column should get reordered together as they are tied to each other.

Reproduction of the problem Nothing special, for me just used the basic demo example from the repository and gives me the same problem in both Chrome and FF browsers(only ones I checked on). I used the version of angular2-data-table from both npm and the master branch(just before reporting this issue here) from this repository and caused the same problem. Started working on this Angular 2 project couple of weeks ago, used angular-cli to setup the project.

******** If you have a working example/demo somewhere please do direct me towards that or put it in the demo examples please ********

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:10 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
khurambutt-REIsyscommented, Nov 9, 2016

I checked it again on my local development environment, tried to use all your recent Releases tagged here and used this example https://github.com/swimlane/angular2-data-table/blob/master/demo/basic/basic-auto.ts...resize starts working only if I change the [columnMode] to “standard” otherwise it didn’t work for me. But even after changing to standard mode, columns reordering didn’t work for me at all.

Now coming to the demos here http://swimlane.github.io/angular2-data-table/, checked Basic demo(very first one) and columns resizing and reordering both not working; columns resizing works on Horz/Vert Scrolling demo though but not the columns reordering. I checked on Chrome( 54.0.2840.71 (64-bit)) and on columns reordering it throws an error as well on Console. So still doesn’t work for me, which demo you are trying which works for you? I can try exactly that may be?

Demos for Angular1 are definitely working here http://swimlane.github.io/angular-data-table/ but not the Angular2 ones.

Thanks.

0reactions
amcdnlcommented, Nov 17, 2016

Fixed. New version coming.

Read more comments on GitHub >

github_iconTop Results From Across the Web

DataTables fixed headers misaligned with columns in wide ...
The following is a way to achieve a fixed header table, I don't know if it will ... It seems fully working on...
Read more >
New Tables API (1.80) · Issue #3740 · ocornut/imgui - GitHub
Reorder : when going past mid-point of next columns + improve reorder past the scrolling view. C. Headers: Using TableHeader() in any cell...
Read more >
Rearrange the order of columns in a table - Microsoft Support
You can rearrange the order of columns in a table in Datasheet view or in Design view. You can move a single column...
Read more >
Recognizing a Header Row when Sorting - Microsoft Excel Tips
First, Excel assumes that you want to sort only by the column of ... if your data table consists entirely of text and...
Read more >
Move table rows and columns in Pages on Mac - Apple Support
You can move any rows and columns in a table; however, they may be reformatted when you move them. For example, when you...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found