Hello Ming,

Thank you for posting in our community.

What I can suggest for achieving your requirement is getting the state of the features that you would like to persist using every features columnSettings option. This could be done on the relevant event for each feature such as dataFiltered, columnSorted etc. In these events you could store the current columnSettings in a localStrage varable. With local storage web applications can store data locally within the users browser.  For example:

  $(document).ready(function () {
            if (localStorage) { loadUserSettings(); }
            function loadUserSettings() {
                var tempSortCol = localStorage.getItem('igGridSortedColumns');
                var tempFilterData = localStorage.getItem('igGridFilterData');
                var tempCurrPage = localStorage.getItem('igGridCurrPage');
                if (tempSortCol) {
                    igGridSortedColumns = JSON.parse(tempSortCol);
                }
                if (tempFilterData) {
                    igGridFilterData = JSON.parse(tempFilterData);
                }
                if (tempCurrPage) {
                    igGridCurrPage = tempCurrPage;
                }
            }
            $('#grid1').igGrid({
                height: '550px',
                dataSource: employees,
                features: [
                {
                    name: 'Sorting',
                    type: 'local',
                    mode: 'single',
                    columnSorted: function (evt, ui) {
                        var columnSettings = $('#grid1').igGridSorting('option', 'columnSettings');
                        localStorage.setItem('igGridSortedColumns', JSON.stringify(columnSettings));
                    }
                },
                {
                    name: 'Filtering',
                    dataFiltered: function (evt, ui) {
                        var filteringSettings = $('#grid1').data('igGrid').dataSource.settings.filtering.expressions;
                        localStorage.setItem('igGridFilterData', JSON.stringify(filteringSettings));
                    }
                },
                {
                    name: 'Paging',
                    type: 'local',
                    pageSize: 10,
                    pageIndexChanged: function (evt, ui) {
                        localStorage.setItem('igGridCurrPage', ui.pageIndex);
                    }
                }
                ]
            });
            if (igGridSortedColumns.length > 0) {
                for (var i = 0; i < igGridSortedColumns.length; i++) {
                    if (igGridSortedColumns[i].currentSortDirection) {
                        $('#grid1').igGridSorting('sortColumn', igGridSortedColumns[i].columnIndex, igGridSortedColumns[i].currentSortDirection);
                    }
                }
            }
            if (igGridFilterData.length > 0) {
                $('#grid1').igGridFiltering('filter', igGridFilterData, true);
            }
            else {
                if (igGridCurrPage >= 0) {
                    $('#grid1').igGridPaging('pageIndex', parseInt(igGridCurrPage));
                }
            }
        });

Additionally, for Hiding,Resizing and ColumnMoving  you could take information from columns option of igGrid.

I am also attaching a sample illustrating my suggestion for your reference.

Please let me know if you need any further assistance with thi smatter.

Regarding your second question I believe the ColumnMoving feature of the grid is what you are looking for If (as I assumed) you would like to change columns positions. If this is not exactly what you are trying to achieve please provide me some more details and I will investigate further.

I hope you find this information helpful.

Please let me know if you need any further assistance with this matter.