从 ui-grid 列标题中删除排序菜单 [英] Remove sorting menu from ui-grid column header
本文介绍了从 ui-grid 列标题中删除排序菜单的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我创建了具有三列的 ui-grid,默认情况下,列标题有一个v"形图标(在图像中以红色圆圈标记):
这里是代码和plunker:
var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.expandable', 'ui.grid.selection', 'ui.grid.pinning']);app.controller('ThirdCtrl', ['$scope', '$http', '$log', function ($scope, $http, $log) {$scope.gridOptions = {expandableRowTemplate: 'expandableRowTemplate.html',可扩展行高度:150,onRegisterApi: 函数 (gridApi) {gridApi.expandable.on.rowExpandedStateChanged($scope, function (row) {如果(row.isExpanded){row.entity.subGridOptions = {列定义:[{名称:'名称'},{名称:'性别'},{名称:'公司'}]};$http.get('https://cdn.rawgit.com/angular-ui/ui-grid.info/gh-pages/data/100.json').成功(功能(数据){row.entity.subGridOptions.data = 数据;});}});}}$scope.gridOptions.columnDefs = [{ name: 'id', pinnedLeft:true },{名称:'名称'},{ 姓名年龄'},{名称:'地址.城市'}];$http.get('https://cdn.rawgit.com/angular-ui/ui-grid.info/gh-pages/data/500_complex.json').成功(功能(数据){$scope.gridOptions.data = 数据;});}]);
.grid {宽度:100%;高度:400px;}
<html ng-app="app"><头><script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.js"></script><script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular-touch.js"></script><script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular-animate.js"></script><script src="http://ui-grid.info/docs/grunt-scripts/csv.js"></script><script src="http://ui-grid.info/docs/grunt-scripts/pdfmake.js"></script><script src="http://ui-grid.info/docs/grunt-scripts/vfs_fonts.js"></script><script src="http://ui-grid.info/release/ui-grid.js"></script><link rel="stylesheet" href="http://ui-grid.info/release/ui-grid.css" type="text/css"><link rel="stylesheet" href="main.css" type="text/css">头部><身体><div ng-controller="ThirdCtrl"><div ui-grid="gridOptions" ui-grid-expandable class="grid"></div>
<script src="app.js"></script>