Allow styles to be passed to the container div

README.md

@@ -30,4 +30,5 @@ All passed props will be passed to the underlying FixedDataTable component. Plea
 Width and height will be overriden to take all the available space of its parent container.
 
 ### Additional configuration
+**containerStyle** *{Object}*: Additional styles to be set on the container div.
 **refreshRate** *{Number}*: Time in milliseconds to debounce the resize handler.

src/responsive-fixed-data-table.js

@@ -4,16 +4,19 @@ var React = require('react/addons');
 var PureRenderMixin = React.addons.PureRenderMixin;
 var Table = require('fixed-data-table').Table;
 var debounce = require('debounce');
+var assign = require('react/lib/Object.assign');
 
 var ResponsiveFixedDataTable = React.createClass({
 	mixins: [ PureRenderMixin ],
 
 	propTypes: {
+		containerStyle: React.PropTypes.object,
 		refreshRate: React.PropTypes.number
 	},
 
 	getDefaultProps: function() {
 		return {
+			containerStyle: {},
 			refreshRate: 250 // ms
 		};
 	},
@@ -60,14 +63,19 @@ var ResponsiveFixedDataTable = React.createClass({
 		}
 	},
 
+	_getStyle: function() {
+		return assign(this.props.containerStyle, {
+			width: '100%',
+			height: '100%'
+		});
+	},
+
 	/**
 	 * @return {ReactDOMNode}
 	 */
 	render: function() {
-		var wrapperStyle = { width: '100%', height: '100%' };
-
 		return (
-			<div style={wrapperStyle}>
+			<div style={this._getStyle()}>
 				<Table {...this.props} ref='table' width={this.state.gridWidth} height={this.state.gridHeight} />
 			</div>
 		);

test/specs/responsive-fixed-data-table.js

@@ -13,6 +13,7 @@ describe('responsive-fixed-data-table', function() {
 	beforeEach(function() {
 		var props = {
 			foo: 'bar',
+			containerStyle: { width: '20%', position: 'absolute' },
 			rowGetter: function() {},
 			rowHeight: 1,
 			rowsCount: 1,
@@ -33,6 +34,11 @@ describe('responsive-fixed-data-table', function() {
 		expect(tableNode.style.height).toBe('100%');
 	});
 
+	it('should accept additional styles', function() {
+		var tableNode = table.getDOMNode();
+		expect(tableNode.style.position).toBe('absolute');
+	});
+
 	it('should transfer props and add width and height', function() {
 		var tableState = table.state;
 		var fixedDataTable = table.refs.table