Fix grid height settings. Default height 500px.

Author: energydrink9

package.json

@@ -1,6 +1,6 @@
 {
   "name": "functional-data-grid",
-  "version": "1.2.18",
+  "version": "1.2.19",
   "description": "Functional Data Grid",
   "main": "dist/FunctionalDataGrid.cjs.js",
   "module": "dist/FunctionalDataGrid.esm.js",

src/FunctionalDataGrid.js

@@ -38,7 +38,8 @@ type FunctionalDataGridProps<T, A> = {
   overscanRowCount: number,
   sortableColumns: boolean,
   enableColumnsSorting: boolean,
-  enableColumnsShowAndHide: boolean
+  enableColumnsShowAndHide: boolean,
+  height: string
 }
 type FunctionalDataGridState<T> = {
   cachedElements : List<DataRow<T>>,
@@ -74,7 +75,8 @@ export default class FunctionalDataGrid<T, A: void> extends React.PureComponent<
     onColumnResize: (e: Object) => {},
     onColumnsOrderChange: (e: Object) => {},
     onColumnVisibilityChange: (e: Object) => {},
-    onRowClick: (e: Object) => {}
+    onRowClick: (e: Object) => {},
+    height: '500px'
   }
 
   constructor(props : FunctionalDataGridProps<T, A>) {
@@ -134,6 +136,7 @@ export default class FunctionalDataGrid<T, A: void> extends React.PureComponent<
     onColumnsOrderChange={this.onColumnsOrderChange}
     onColumnVisibilityChange={this.updateColumnVisibility}
     onRowClick={this.props.onRowClick}
+    height={this.props.height}
   />
 
   getOrderedColumns = () => this.state.columnsOrder.map(columnId => this.getColumns().find(c => c.id === columnId))

src/PresentationalFunctionalDataGrid.js

@@ -92,8 +92,7 @@ export default class PresentationalFunctionalDataGrid<T, A: void> extends React.
     onColumnResize: (e: Object) => {},
     onColumnsOrderChange: (e: Object) => {},
     onColumnVisibilityChange: (e: Object) => {},
-    onRowClick: (e: Object) => {},
-    height: '100%'
+    onRowClick: (e: Object) => {}
   }
 
   constructor(props : PresentationalFunctionalDataGridProps<T, A>) {