Sort

[Marc Roussel]

Hi,

Is there someone who can tell me why the sort isn't working in this scenario ?
StackBlitz Example

Thank you!

[Marc Roussel]

Solved by having my  displayedColumns with path to the property as well as matColumnDef matching the path.property

HTML:

matColumnDef="Address.ADD_Company"

CODE:

    displayedColumns: string[] = [

        "Address.ADD_Company",

        "Address.ADD_StreetNo",    

        "Address.ADD_StreetName",

        "Address.ADD_City",

        "Address.ADD_State",

        "Address.ADD_Country",

        "Address.ADD_Zip",

        "Address.ADD_CloseTime",

        "Contacts",

        "Action"

    ];

and using a generic found here : https://stackoverflow.com/a/52214226/2966506

    pathDataAccessor(item: any, path: string): any {

        return path.split('.')

          .reduce((accumulator: any, key: string) => {

            return accumulator ? accumulator[key] : undefined;

          }, item);

    }

       

    //-----------------------

    // Get the addresses list

    //-----------------------

    getData() {

        this.isProcessing = true;

        this.addressBookService.getAddresses().subscribe((getAddressBookResult: GetAddressBookResult) => {

            if (getAddressBookResult !== null) {

                this.dataSource = new MatTableDataSource(getAddressBookResult.AddressesContainer);

                this.dataSource.sortingDataAccessor = this.pathDataAccessor;

                this.dataSource.sort = this.sort;          

            }

            this.isProcessing = false;

        });

    }