https://github.com/lordnox/angri

angularjs grid directive
https://github.com/lordnox/angri

Last synced: 26 days ago
JSON representation

angularjs grid directive

• Host: GitHub
• URL: https://github.com/lordnox/angri
• Owner: lordnox
• License: apache-2.0
• Created: 2012-10-22T15:55:08.000Z (about 12 years ago)
• Default Branch: master
• Last Pushed: 2013-02-12T14:23:21.000Z (over 11 years ago)
• Last Synced: 2024-04-17T05:17:17.671Z (7 months ago)
• Language: JavaScript
• Size: 199 KB
• Stars: 14
• Watchers: 7
• Forks: 5
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.TXT

Awesome Lists containing this project

README

        
# angri - Grid Directive for AngularJS

angri is modular grid directive for AngularJS, based on the components of Twitter Bootstrap. It is filterable, pagable,

sizeable and sortable. The following lines will describe the features in detail.

### Usage

Using angri is as easy as possible. Just add the following markup to your page, providing the list of data through your 

controller. The only tag you need is ``ng-grid`` in your table directive. 

        	

      Network List

        

     	  {{todo.name}}

	      {{todo.estimate}}

          {{todo.created_at}}

      	  {{todo.updated_at}}

        		  

    

#### Customize table headers and sorting

As you can see in the markup, the ```` contains two elements. The first is ``title="titleName"``, which allows

you to specify the contents of the ```` tag of a specific column. The second is

``name="sortName"``, enabling the sorting feature for a column. We split that up, as it might often be the case that

the actual title will differ significantly from the property name in your JSON array. In the ``name="sortName"`` you

are allowed to have whitespace, as they will be replaced automatically by an underscore for parsing.

#### Filter in your ng-repeat

You may apply any filter you like to your ``ng-repeat`` directive you like. It will be automatically wired through

into angri and applied to your list.

### Pagesize

angri provides a dropdown, which enables you to choose the number of items displayed in the table. The default list

settings are: 10, 15, 30 and 60. If you would like to change the number of items displayed, you may change the line 

24ff in the source. In a future release, we will support a way to modify the items list. 

If you like to contribute a patch or enhancement, feel free!

### Filter

### Pagination

### Sortable

## License

 

Copyright 2012 Johannes Hiemer, Tobias Kopelke

Licensed under the Apache License, Version 2.0 (the "License");

you may not use this file except in compliance with the License.

You may obtain a copy of the License at

  

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software

distributed under the License is distributed on an "AS IS" BASIS,

WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

See the License for the specific language governing permissions and

limitations under the License.