如何在 UI 网格中对列进行排序

How can I order the columns in UI-grid?

本文关键字：排序 UI 网格      更新时间：2023-09-26

我有一个类似

JSON 的 JSON 
{
 x:1,
 y:2
}

这意味着当我把它贴在我的 ui-grid 上时，x列是第一列，y列是第二列。但是，我想要相反的情况：y然后x.

如何告诉 UI 网格在x之前显示y？

通过使用columnDefs .

在 html 中定义网格，如下所示：

<div id="grid1" ui-grid="gridOptions" class="grid"></div>

你的应用代码是这样的：

var app = angular.module('app', ['ui.grid']);
app.controller('MainCtrl', ['$scope',
  function($scope) {
    $scope.myData = [{
      "x": "1",
      "y": "2",
    }, {
      "x": "3",
      "y": "4",
    }];
    $scope.gridOptions = {
      data: 'myData'
    };
    $scope.gridOptions.columnDefs = [{
        name: 'y'
      }, {
        name: 'x'
      },
    ];
  }
]);

请注意columnDefs如何将y用于第一列，x用于第二列。

这是一个普伦克

相关文章：