diff --git a/src/myApp.css b/src/myApp.css index 55d756d..38bf42a 100644 --- a/src/myApp.css +++ b/src/myApp.css @@ -16,7 +16,6 @@ label { .div-percent-value { position: absolute; - z-index: 1; padding-left: 4px; font-weight: bold; font-size: 13px; diff --git a/src/myApp.jsx b/src/myApp.jsx index e6be854..f42bbaf 100644 --- a/src/myApp.jsx +++ b/src/myApp.jsx @@ -6,6 +6,9 @@ import RowDataFactory from './RowDataFactory'; import ColDefFactory from './ColDefFactory.jsx'; import './MyApp.css'; +// take this line out if you do not want to use ag-Grid-Enterprise +import 'ag-grid-enterprise'; + export default class MyApp extends React.Component { constructor() { @@ -55,7 +58,7 @@ export default class MyApp extends React.Component { this.setState({showToolPanel: event.target.checked}); } - onReady(params) { + onGridReady(params) { this.api = params.api; this.columnApi = params.columnApi; } @@ -91,34 +94,6 @@ export default class MyApp extends React.Component { }); } - render() { - return ( - // ag-Grid comes with a React Component waiting to be used - - ); - } - render() { var gridTemplate; var bottomHeaderTemplate; @@ -172,7 +147,7 @@ export default class MyApp extends React.Component { gridOptions={this.gridOptions} // listening for events - onReady={this.onReady.bind(this)} + onGridReady={this.onGridReady.bind(this)} onRowSelected={this.onRowSelected.bind(this)} onCellClicked={this.onCellClicked.bind(this)}