@@ -35,32 +35,32 @@ and include css in src/styles.scss
35
35
## Table Options
36
36
### New Options Introduced
37
37
![ Preview] ( https://raw.githubusercontent.com/sowvikr/angular-open-datagrid-lib/master/NewOptions.png )
38
+ * ** Common Search:** Enable common search for the table
39
+ * ** Cache Search:** Cache the search for the table
38
40
### Pagination
39
41
* ** pagination [ boolean] :** Enable pagination for the table.
40
- * ** pageSize [ number] :** Enable pagination for the table.
42
+ * ** pageSize [ number] :** Page size for the table. If pagination enabled the page size is the rows in each page .
41
43
### Events
42
- > ** dataChanged [ function ] **
43
- > > Get data change event with parameters.
44
- > >
45
- > > ** _ HTML_ **
46
- > > ``` html
47
- >> <data-grid [pagination] =" pagination" [theme] =" theme"
48
- >> [columnDefs]="columnDefs" [rowData]="rowData" (dataChanged)="valueChanged($event)" ></data-grid >
49
- >> ```
50
- >> **_JavaScript_**
51
- >> ```javascript
52
- >> valueChanged (valueChanged){
53
- >> console.log("Row: ",valueChanged.row,"Column: ",valueChanged.column, "Data: ",,valueChanged.data );
54
- >> }
55
- >> ```
44
+ #### dataChanged [ event ]
45
+ Get data change event with parameters.
46
+
47
+ ** _ HTML_ **
48
+ ``` html
49
+ <data-grid [pagination] =" pagination" [theme] =" theme"
50
+ [columnDefs] =" columnDefs" [rowData] =" rowData" (dataChanged) =" valueChanged($event)" ></data-grid >
51
+ ```
52
+ ** _ JavaScript_ **
53
+ ``` javascript
54
+ valueChanged (valueChanged ){
55
+ console .log (" Row: " ,valueChanged .row ," Column: " ,valueChanged .column , " Data: " ,,valueChanged .data );
56
+ }
57
+ ```
56
58
### Themes
57
59
* ** theme [ string] :** Themebased table. The available themes are as follows
58
60
1 . Matrial Theme (metrial-theme)
59
61
2 . Dark Theme (dark-theme)
60
62
3 . Standard Theme (standard-theme)
61
63
4 . Red Theme (red-theme)
62
- ### Search
63
- * **commonSearch [boolean]:** Enable common search for the table.
64
64
### Column Definitions
65
65
#### Mandatory Options
66
66
* ** headerName [ string] :** Header name of the particular column
@@ -129,5 +129,4 @@ rowData: [
129
129
2 . Unzip and open CMD and type npm start.
130
130
131
131
# Future Timeline
132
- 1 . Ability to render remote data.
133
132
2 . Make more fast and smooth.
0 commit comments