Sorting not working on object Page Item table SAP CAP BTP Fiori elements

[nikhil180490]

Hello All Members 

I have created an application using Fiori elements on SAP CAP BTP  list report page template , In object page I have an item table which can be sorted I have put the annotations to sort a field by default which is working but if I try to sort other columns using sort the table crashes and the application goes irregular below is some of the code snippet 
If someone know where I am going please help in correcting that 
The code might  not be properly copy pasted but there is no error in code please let me know for any solution on this 

In Manifest.json  file 

    "to_MucItems/@com.sap.vocabularies.UI.v1.LineItem#GOBTableSection": {

                  "tableSettings": {

                    "condensedTableLayout": true,

                    "enhanceI18n": "i18n/muc.properties",

                    "enableExport": true,

                    "enableFullScreen": true,

                    "enablePaste": true,

                    "selectAll": true,

                    "type": "GridTable",

                    "selectionMode": "Multi",

                    "creationMode": {

                      "createAtEnd": true,

                      "inlineCreationRowsHiddenInEditMode": true

                    },

                    "personalization": {

                      "column": true,

                      "sort" : true

                    }

                }

Annotation.cds file 

annotate service.mucHeader with @(

    UI.Facets : [

        {

        {

            $Type : 'UI.ReferenceFacet',

            Label : 'Item Details',

            ID : 'GOBTableSection',

            Target : 'to_MucItems/@UI.PresentationVariant#GOBTableSection',

            ![@UI.Hidden] : hideGOB,

        },}]

annotate service.mucItem with @(UI.PresentationVariant #GOBTableSection: {

  // $Type         : 'UI.PresentationVariantType',

   Visualizations: ['@UI.LineItem#GOBTableSection' ],

    // Total : [amount],

    SortOrder     : [{

        $Type     : 'Common.SortOrderType',

        Property  : lineNumber,

        Descending: false,

    }, ],

});

Line item definition 

annotate CatalogService.mucItem with @(UI.LineItem #GOBTableSection: [

    {

        $Type                : 'UI.DataField',

        Value                : lineNumber,

        Label                : '{i18n>lineNumber}',

        ![@HTML5.CssDefaults]: {width: '5REM'},

    },

    {

        $Type                : 'UI.DataField',

        Value                : article,

        Label                : '{i18n>article}',

        ![@HTML5.CssDefaults]: {width: '10REM'},

    },

    {

        $Type                : 'UI.DataField',

        Value                : articleDesc,

        Label                : '{i18n>articleDesc}',

        ![@HTML5.CssDefaults]: {width: '15REM'},

    },

]);

[acastropardo]

Hello, I have a similar problem, but in dev mode in VSCode or BAS, the filters are working properly. When I deploy to environment in BTP, it fails as simillar manner as you describe your issue...

[PedroLazaro]

Hi there! Any news about this?

[PedroLazaro]

Hi there! Any news about this? We are facing a similar issue, we have custom pages and macro Tables, and none standard funcionality works on these tables (like sort, filtering, and so on) . Neither on dev bas nor in deployed html5 standalone

[acastropardo]

In my case, the problem was caused by not having Fiori Launchpad in the client BTP instance. The app is launched on the APP Router as standalone app. It was fixed by placing the following line in index.html of each FE app.

data-sap-ui-flexibility-services='[{“connector”: “LocalStorageConnector”}]''.

[PedroLazaro]

Nice! It worked! You're the man!

[PedroLazaro]

Nice! It worked! You're the man! Thank you so much