要实现一个Angular UI-Grid的向上表,你需要按照以下步骤进行操作:
npm install angular-ui-grid
node_modules/angular-ui-grid/ui-grid.css
node_modules/angular-ui-grid/ui-grid.js
在你的HTML文件中添加以下代码:
var app = angular.module('myApp', ['ui.grid']);
app.controller('myCtrl', function($scope) {
$scope.gridOptions = {
columnDefs: [
{ field: 'name', displayName: 'Name' },
{ field: 'age', displayName: 'Age' },
{ field: 'gender', displayName: 'Gender' }
],
data: [
{ name: 'John', age: 25, gender: 'Male' },
{ name: 'Jane', age: 30, gender: 'Female' },
{ name: 'Tom', age: 35, gender: 'Male' }
]
};
});
这样就完成了Angular UI-Grid的向上表。你可以根据自己的需要修改列定义和数据。