Skip to content

Commit e123593

Browse files
Zhuk, AlexanderZhuk, Alexander
authored andcommitted
playing with Markdown styles
1 parent b70914e commit e123593

File tree

1 file changed

+13
-6
lines changed

1 file changed

+13
-6
lines changed

README.md

Lines changed: 13 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,12 @@
1-
# angular-data-grid.github.io
2-
Light and flexible Data Grid for AngularJS applications.
1+
#Angular Data Grid
2+
3+
4+
Light and flexible Data Grid for AngularJS applications.
5+
6+
```javascript
7+
var s = "JavaScript syntax highlighting";
8+
alert(s);
9+
```
310

411
You can use Data Grid module to easily display data in grids with built-in sorting, outer filters and url-synchronization. To use it, you must add grid-data directive to element and pass 2 required parameters grid-options and grid-actions.
512

@@ -9,14 +16,14 @@ grid-actions: Name of object in your controller with functions for updating grid
916

1017
Inside the grid-data directive you can use grid-pagination directive. It's just wrapper of angular-ui pagination directive. You can pass any parameters from pagination directive. Also you can use grid-item-per-page directive and pass into it array of value (f.e. "10, 25, 50"). If you need get size of current displayed items you can use filtered variable.
1118

12-
#Sorting:
19+
##Sorting:
1320
You can use the sortable directive to have a built in sort feature. You add the attribute sortable to your table headers. This will specify the property name you want to sort by. Also if you add class sortable to your element, sort arrows will be displayed for acs/decs sort directions.
1421

15-
#Filters:
22+
##Filters:
1623
Data Grid module has 4 types built in filters. To use it, you must add attribute filter-by to any element and pass property name, which you want filtering. Also you need add attribute filter-type with type of filter (text, select, dateFrom, dateTo). After that you need call filter() method in ng-change for text or select inputs and in ng-blur/ng-focus for datepickers. Filters synchronize with URL by ng-model value.
1724

18-
#Custom Filters:
25+
##Custom Filters:
1926
If you need use some custom filters (f.e. filter by first letter), you must add filter-by to specify property name, which you want filtering and add ng-model property. Then create in gridOptions.customFilters variable named as it ng-model value and contain filtering function. Filtering function accept items, value, predicate arguments and must return filtered array.
2027

21-
#Others:
28+
##Others:
2229
All filters has parameter disable-url. If you set it as true value - URL-synchronization for this filter will be disabled. If you need use 2 or more grids on page, you must add id to grids, and use grid-id attribute on filters to specify their grid.

0 commit comments

Comments
 (0)