Detail Grid can not sort by click on column header

[wow-prime]

According to the description of this link ：
#3520
Detail Grid can not sort by click on column header.
Is it still the same now?

[VictorTomaili]

Yes

[dfaruque]

You may try to add the following code in your detail grid

    constructor(container: JQuery, options?) {
        super(container, options);

        this.slickGrid.onSort.subscribe((e, args) => {
            this.sortGridFunction(args.grid, args.sortCols[0], args.sortCols[0].sortCol.field);

            //args.grid.init();
            args.grid.invalidateAllRows();
            args.grid.invalidate();
            args.grid.render();
            args.grid.resizeCanvas();
        });
    }

    private sortGridFunction(grid: Slick.Grid, column: any, field: any) {
        grid.getData().sort(function (a, b) {
            var result = a[field] > b[field] ? 1 :
                a[field] < b[field] ? -1 :
                    0;
            return column.sortAsc ? result : -result;
        });
    }