使用UIGrid进行列排序-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_36236621/article/details/103662265

本文介绍如何在UIGrid中实现特定列的数据排序功能，通过在相应列上添加sort属性来达到排序目的，以序号列排序为例进行详细说明。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

sort:{direction:uiGridConstants.ASC}   //正序
, sort: {direction: uiGridConstants.DESC  //倒序

在指定列内加入sort进行排序
例如下面案例按照序号排序

  $scope.gridOptions1 = {
        enableGridMenu: false,
        exporterMenuCsv: false,
        enableCellEdit: false,
        exporterOlderExcelCompatibility:true,//是否兼容低版本excel
        exporterCsvFilename: '使用记录.csv',//excel导出名字
        columnDefs: [
            {
                name: 'edit',
                width: 250,
                displayName: '操作',
                fixed: true,
                pinnedRight: false,
                enableColumnMenu: false,
                enableSorting: false,
                cellTemplate: '<div class="ui-grid-cell-contents text-center publicBox">' +
                '<button type="button" class="btn-xs btn blue btn-outline" data-ng-click="grid.appScope.checkDetail(row.entity)">' +
                '<i class="fa fa-edit"></i><span style="padding-left: 2px;">查看</span></button>&nbsp;'
            },
            {field: 'ID', displayName: 'ID', visible: false, width: 50, fit: true},
            {field: 'number', displayName: '序号', width: 50, fit: true,sort:{direction:uiGridConstants.ASC}},         
            {field: 'Applicant', displayName: '申请人', width: 100},
            {field: 'TelephoneNumber', displayName: '申请人电话', width: 100},
                 ]
    };

uigrid指定列排序