如何从 ui 网格中的特定列中删除排序？

Question

我有以下代码，在没有过滤器的情况下工作正常。即使它是可调整大小的网格，也能够设置宽度。但是排序是唯一的问题。无法从编辑列数据中删除排序选项。 sortable: false 在我的代码中不起作用。我仍然可以在 Header.

行中显示箭头的排序图标

您可以在屏幕截图中找到相同的内容。如何摆脱这个？

                        let colDefs = [];
                        let editCol = {
                            name: 'test',
                            displayName: 'Edit',
                            cellTemplate: '<span class="glyphicons glyphicon-pencil edit-app-host"></span>',
                            width: '75',
                            enableFiltering: false,
                            sortable: false,
                            enableColumnMenu: false
                        };

Answer 1

您应该在不想排序的列上使用 enableSorting: false，如果您想隐藏菜单箭头，则在列上使用 enableColumnMenu: false。示例 PLUNKER： http://plnkr.co/edit/0FE4JSzVxPjduYQTA3ts?p=preview

Answer 2

在 css 的帮助下隐藏了箭头：

span i.ui-grid-icon-up-dir:first-child{
  display:none;
}

如何从 ui 网格中的特定列中删除排序？

How to remove sort from specific column in ui grid?

javascript

jquery

angularjs

sorting

ui-grid