@@ -35,32 +35,32 @@ and include css in src/styles.scss
3535## Table Options
3636### New Options Introduced
3737![ 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
3840### Pagination
3941* ** 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 .
4143### 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+ ```
5658### Themes
5759* ** theme [ string] :** Themebased table. The available themes are as follows
58601 . Matrial Theme (metrial-theme)
59612 . Dark Theme (dark-theme)
60623 . Standard Theme (standard-theme)
61634 . Red Theme (red-theme)
62- ### Search
63- * **commonSearch [boolean]:** Enable common search for the table.
6464### Column Definitions
6565#### Mandatory Options
6666* ** headerName [ string] :** Header name of the particular column
@@ -129,5 +129,4 @@ rowData: [
1291292 . Unzip and open CMD and type npm start.
130130
131131# Future Timeline
132- 1 . Ability to render remote data.
1331322 . Make more fast and smooth.
0 commit comments