Hello Kshitij,

Thank you for posting in our community.

What I can suggest for achieving your requirement is saving the sorting expressions in the columnSorted event and saving the to your data base. Afterwards, when the grid is created again these filter expressions could be reapplied. For example if you would like to do this for the child grid the childGridCreated event could be used. In this event you could loop trough all the expressions saved and re apply them again.

I made a small sample illustrating my suggestion for your reference. In my sample I am using global variable to save expressions in and I am destroying and recreating it to simulate that the user is closing the page and opening it again. For example:

 $("#hierarchicalGrid").igHierarchicalGrid({
                width: "100%",
                features: [
                    {
                        name: "Sorting",
                        mode: "multi"
                    }
                ],
                dataSource: data,
                autoGenerateLayouts: false,
                defaultChildrenDataProperty: "Products",
                columnLayouts: [
                    {
                        name: "Products",
                        height: "300px",
                        childrenDataProperty: "Products",
                        dataBinding: function (evt, args) {
                            var grid = args.owner,
                                ds = args.dataSource;
                            if (!ds ||
                            !ds.settings ||
                            !ds.settings.sorting) {
                                return;
                            }
                        },
                        autoGenerateColumns: false,
                        fixedHeaders: true,
                        primaryKey: "Name",
                        columns: [
                        { key: "Name", headerText: "Name" },
                        { key: "Quantity", headerText: "Quantity" }
                        ],
                        features: [
                            {
                                name: "Sorting",
                                mode: "multi",
                                persist: false,
                                columnSorted: function (evt, ui) {
                                    var colKey = ui.columnKey,
                                        direction = ui.direction;
                                    expr = [];
                                    $(ui.owner.grid.dataSource.settings.sorting.expressions).each(function () {
                                        // in your scenario here you will have to send request to server to save expressions on the server
                                        expr.push({
                                            dir: this.dir,
                                            fieldName: this.fieldName,
                                            isSorting: this.isSorting
                                        });
                                    });
                                   
                                }
                            }
                        ]
                    }
                ]
            });
            $(document).delegate("#hierarchicalGrid", "igchildgridcreated", function (evt, ui) {
                //in your real scenario a get request to the server should be made to retrieve expressions
                if (expr.length != 0) {
                    $(expr).each(function () {
                        $("#" + $(ui.element).attr("id")).igGridSorting("sortColumn", this.fieldName, this.dir);
                    });
                }
            });

I am attaching my sample for your reference. Please have a look at this sample and let me know if you need any further assistance afterwards.