如何在NonFactors.Grid.Mvc5中禁用header点击排序事件？

Question

我用 NonFactors.Grid.Mvc5 库制作了以下 table。

columns.Add(model => model.ApplicationName).Titled("Application").Filterable(true).Sortable(true);

我需要找到一种方法来禁止在用户单击“应用程序”列时对列进行排序 header 并仅在单击旁边的排序按钮时才允许排序？

我使用了 stopPropagation 方法，但它不起作用。

label.click((e) => e.stopPropagation());

Answer 1

我可以使用 e.stopImmediatePropagation() 函数来做到这一点。现在可以了。

<script>
var sortables = $('table th').filter('.sortable');
sortables.each((i, e) => {
    var header = $(e);
    header.hasClass('sortable') ? header.removeClass('sortable') : null;
    header.click((e) => {
        e.stopImmediatePropagation();
    });
});