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
- Easily switch between the most popular Bootstrap and Google Material theming, or apply your own CSS theme just by changing several CSS classes.
14
14
- Built-in sync with browser address bar (URL), so you can copy-n-paste sorting/filtering/pagination results URL and open it in other browser / send to anyone - even if pagination / filtering are done on a client-side.
15
15
- Unlike most part of other Angular DataGrids, we intentionally use non-isolated scope of the directive to maximize flexibility, so it can be easily synchronized with any data changes inside your controller.
16
-
NOTE! With great power comes great responsibility, so use non-isolated API carefully.
16
+
NOTE! With great power comes great responsibility, so use non-isolated API wisely.
//optional parameter - custom rules for filters (see explanation below)
85
-
customFilters: {
86
-
startFrom:function (items, value, predicate) {
87
-
returnitems.filter(function (item) {
88
-
return value && item[predicate] ?!item[predicate].toLowerCase().indexOf(value.toLowerCase()) :true;
89
-
});
90
-
}
91
83
}
92
84
};
93
85
```
@@ -234,4 +226,4 @@ Then create in `gridOptions.customFilters` variable named as `ng-model` with fil
234
226
### Others
235
227
All filters have optional parameter `disable-url`. If you set it to **true**, URL-synchronization for this filter will be disabled.
236
228
237
-
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.
229
+
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
+2-1Lines changed: 2 additions & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -20,7 +20,8 @@
20
20
<divclass="container">
21
21
<div>
22
22
<h3>Angular Data Grid - Multiple Grids Example</h3>
23
-
Do not forget to assign <code>id</code> attribute for each grid instance on a page to make them work simultaneously. Otherwise grids will share sorting and filtering actions.<br>
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
0 commit comments