You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+6-6Lines changed: 6 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
1
##Angular Data Grid
2
2
Light, flexible and performant Data Grid for AngularJS apps, with built-in sorting, pagination and filtering options, unified API for client-side and server-side data fetching,
3
-
seamless synchronization with browser address bar and total freedom in mark-up and styling suitable for your application.
3
+
seamless synchronization with browser address bar and total freedom in mark-up and styling suitable for your application. Angular 1.3 - 1.5 compliant.
@@ -156,7 +156,7 @@ Directive is built on a base of excellent [Angular UI](https://angular-ui.github
156
156
</pagination>
157
157
```
158
158
159
-
Settings can be provided as attributes in the <pagination> or globally configured through the paginationConfig.
159
+
Settings can be provided as attributes in the <pagination> or globally configured through the `paginationConfig`.
160
160
161
161
```ng-change``` : ng-change can be used together with ng-model to call a function whenever the page changes.
162
162
@@ -190,8 +190,8 @@ Settings can be provided as attributes in the <pagination> or globally configure
190
190
191
191
### Filters
192
192
Data Grid supports 4 built-in types of filters: `text`, `select`, `dateFrom` and `dateTo`.
193
-
To use it, add attribute `filter-by` to any element and pass property name, which you want filtering.
194
-
Also you need add attribute `filter-type` with type of filter.
193
+
To use it, add attribute `filter-by` to any element and pass property name, which you want to be filtered.
194
+
Also you need add attribute `filter-type` with type of filter.
195
195
After that you need call `filter()` method in `ng-change` for text or select inputs and in `ng-blur/ng-focus` for datepickers.
196
196
Filters are synchronized with URL by `ng-model` value.
197
197
@@ -207,7 +207,7 @@ Filters are synchronized with URL by `ng-model` value.
207
207
```
208
208
209
209
### Custom Filters
210
-
If you need use some custom filters (f.e. filter by first letter), add `filter-by` to specify property name, which you want filtering and add `ng-model` property.
210
+
If you need to use some custom filters (e.g. filter by first letter), add `filter-by` to specify property name, which you want filtering and add `ng-model` property.
211
211
Then create in `gridOptions.customFilters` variable named as `ng-model` with filtering function. Filtering function accepts items, value, predicate arguments and returns filtered array.
212
212
213
213
```javascript
@@ -228,4 +228,4 @@ Then create in `gridOptions.customFilters` variable named as `ng-model` with fil
228
228
### Others
229
229
All filters have optional parameter `disable-url`. If you set it to **true**, URL-synchronization for this filter will be disabled.
230
230
231
-
If you need to use 2 or more grids on page, please add id to grids, and then use ```grid-id``` attribute on filters to specify their corresponding grid. [example](http://angular-data-grid.github.io/demo/bootstrap/multiple.html)
231
+
If you need to use 2 or more grids on page, please add `id` to grids, and then use `grid-id` attribute on filters to specify their corresponding grid. [Example](http://angular-data-grid.github.io/demo/bootstrap/multiple.html)
Copy file name to clipboardExpand all lines: demo/bootstrap/multiple.html
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -20,7 +20,7 @@
20
20
<divclass="container">
21
21
<div>
22
22
<h3>Angular Data Grid - Multiple Grids Example</h3>
23
-
You need to assign <code>id</code> attribute for each grid instance on a page to make them work simultaneously. If you use external filtering, assign <code>grid-id</code> to id and <code>ng-change</code> to associated
23
+
You need to assign <code>id</code> attribute for each grid instance on a page to make them work simultaneously. If you use external filtering, assign <code>grid-id</code> to grid id and <code>ng-change</code> to associated
Copy file name to clipboardExpand all lines: package.json
+26-2Lines changed: 26 additions & 2 deletions
Original file line number
Diff line number
Diff line change
@@ -1,5 +1,5 @@
1
1
{
2
-
"name": "data-grid",
2
+
"name": "angular-data-grid",
3
3
"version": "0.1.0",
4
4
"scripts": {
5
5
"start": "gulp serve",
@@ -13,5 +13,29 @@
13
13
"gulp-rimraf": "*",
14
14
"gulp-sass": "^2.1.0",
15
15
"gulp-uglify": "^1.4.2"
16
-
}
16
+
},
17
+
"description": "Light, flexible and performant Data Grid for AngularJS apps, with built-in sorting, pagination and filtering options, unified API for client-side and server-side data fetching, \r seamless synchronization with browser address bar and total freedom in mark-up and styling suitable for your application. Angular 1.3 - 1.5 compliant.",
0 commit comments