Disable Sorting and Filtering in SharePoint list view in Quick edit mode

Question

I've one requirement in which I need to disable sorting and filtering functionalities on each column in the Quick edit mode of the list view.

I'm using SharePoint Online. I've tried below workarounds but it didn't work for me.

• Using JavaScript and CSS in content editor webpart
• Add the tags like Filterable="FALSE" and Sortable="FALSE" in the list view using SP Designer. It works in normal view but in quick mode it remains unchanged.

Please suggest some solution or workaround. Any help would be appreciated!

Answer 1

You can apply this css property on all the th element of the list

Suppose you want to disable Title's column filtering and sorting. Then you the below code.

SP.SOD.executeFunc('inplview.js', 'InitGridFromView', function () { });
SP.SOD.executeOrDelayUntilScriptLoaded(function () {


        if (window.InitGridFromView) {
            var baseInitGridFromView = window.InitGridFromView;
            window.InitGridFromView = function (a, c) {
                baseInitGridFromView(a, c);
                console.log('hello from grid init');
    $('th[title="Title"]').css("pointer-events","none");
            };
        }
    }, 'inplview.js');

This will disable the click functionality and therefore will disable sorting and filtering functionality.