ng-grid
请查看官网：http://angular-ui.github.io/ui-grid/
简单的使用: 总的来说我们
1.需要引入ng-grid-1.3.2.js
2.在html页面需要加入 class="gridStyle" ng-grid="gridOptions"
// html <html ng-app="myApp"> <head lang="en"><meta charset="utf-8"><title>Getting Started With ngGrid Exampletitle> <link rel="stylesheet" type="text/css" href="ng-grid.css" /><link rel="stylesheet" type="text/css" href="style.css" /><script type="text/javascript" src="jquery-1.8.2.js">script><script type="text/javascript" src="angular.js">script><script type="text/javascript" src="ng-grid-1.3.2.js">script><script type="text/javascript" src="main.js">script>head><body ng-controller="MyCtrl"><div class="gridStyle" ng-grid="gridOptions">div>body> html>
.gridStyle {border: 1px solid rgb(212,212,212);width: 400px; height: 300px; }
var app = angular.module('myApp', ['ngGrid']); app.controller('MyCtrl', function($scope) {$scope.myData = [{name: "Moroni", age: 50},{name: "Tiancum", age: 43},{name: "Jacob", age: 27},{name: "Nephi", age: 29},{name: "Enos", age: 34}];$scope.gridOptions = { data: 'myData',columnDefs: [{field:'name', displayName:'Name'}, {field:'age', displayName:'Age'}]}; });
转载于:https://www.cnblogs.com/coding4/p/5584773.html
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！