This is a migrated thread and some comments may be shown as answers.

Reordering columns doesn't work when there're hidden columns

15 Answers 412 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Kenny asked on 21 Nov 2014, 06:18 AM

Hi,

I am evaluating Kendo UI and blocked by a problem that the column re-ordering feature doesn't work consistently when there're hidden columns. When I drag the column title to move a column forward or backward, only the column title is swapped but the column data stay at the original place and this make the column title and data doesn't match. I observe this problem both in Chrome and Firefox. I first observed this with my implementation that some columns are set as hidden in the first place. I then observed the same problems with your online demo (http://demos.telerik.com/kendo-ui/grid/persist-state) with Firefox. In the demo page, reordering works well unless you hide a column. The last column title sometimes disappears, too. Could you help to check out if this a known problem and whether it can be fixed soon? Thank you very much.

regards
Kenny

15 Answers, 1 is accepted

answered on 08 Mar 2021, 02:51 AM

I am using KendoUi dynamic columns into grid using angular and found reorder did not work properly if there are hidden fields. Reorder even also gave wrong current index of field chose to reorder.

Then I invested sometime to figure out the solution , here's is the fix:

Change a little in ColumnReorderEvent find current index of column.

public onReorder(e: any): void {
/"

const reorderedColumn = this.grid2Settings.columnsConfig.splice(e.oldIndex, 1);

let currentIndex:any=this.gridSettings.columnsConfig.findindex(col => col.field === e.column.field)

const reorderedColumn = this.grid2Settings.columnsConfig.splice(currentIndex, 1);

this.grid2Settings.columnsConfig.splice(e.newIndex, 0, ...reorderedColumn);
this.saveGrid2();
}

Hope it helps.