Add new props

Author: zsusac

README.md

@@ -1,5 +1,9 @@
 # ReactHTMLTableToExcel
-Provides a client side generation of Excel (.xls) file from HTML table element. No additional dependencies.
+Provides a client side generation of Excel (.xls) file from HTML table element.
+
+___
+No additional dependencies, except React.
+___
 
 ## Installation
 
@@ -11,10 +15,11 @@ Dependencies: React >= 0.13.0
 
 ## Features
 
-* Download HTML table as Excel file;
-* No server side code;
-* Set desired .xls filename and sheet;
-* Supported IE 11;
+* Download HTML table as Excel file in .xls format
+* No server side code
+* Set desired .xls filename and sheet
+* Set desired class name and id for styling
+* Supported IE 11
 
 ## Example
 

index.js

@@ -82,13 +82,13 @@ var ReactHTMLTableToExcel = function (_Component) {
         key: 'render',
         value: function render() {
             return _react2.default.createElement(
-                'div',
-                null,
-                _react2.default.createElement(
-                    'button',
-                    { id: 'react-html-table-to-excel', type: 'button', onClick: this.download },
-                    this.props.buttonText || 'Download'
-                )
+                'button',
+                {
+                    id: this.props.id || '',
+                    className: this.props.className || '',
+                    type: 'button',
+                    onClick: this.download },
+                this.props.buttonText || 'Download'
             );
         }
     }]);
@@ -97,6 +97,8 @@ var ReactHTMLTableToExcel = function (_Component) {
 }(_react.Component);
 
 ReactHTMLTableToExcel.propTypes = {
+    id: _react.PropTypes.string,
+    className: _react.PropTypes.string,
     table: _react.PropTypes.string.isRequired,
     filename: _react.PropTypes.string.isRequired,
     sheet: _react.PropTypes.string.isRequired,

package.json

@@ -15,7 +15,8 @@
     "react",
     "excel",
     "table",
-    "html"
+    "html",
+    "xls"
   ],
   "author": "Zvonimir Susac",
   "license": "MIT",
@@ -31,7 +32,6 @@
     "react": "^15.5.4"
   },
   "dependencies": {
-    "react": "^15.5.4",
-    "react-dom": "^15.5.4"
+    "react": "^15.5.4"
   }
 }

src/ReactHTMLTableToExcel.jsx

@@ -80,14 +80,18 @@ class ReactHTMLTableToExcel extends Component {
 
     render() {
         return (
-            <div>
-                <button id="react-html-table-to-excel" type="button" onClick={this.download}>{this.props.buttonText || 'Download'}</button>
-            </div>
+            <button
+                id={this.props.id || ''}
+                className={this.props.className || ''}
+                type='button'
+                onClick={this.download}>{this.props.buttonText || 'Download'}</button>
         )
     }
 }
 
 ReactHTMLTableToExcel.propTypes = {
+    id: PropTypes.string,
+    className: PropTypes.string,
     table: PropTypes.string.isRequired,
     filename: PropTypes.string.isRequired,
     sheet: PropTypes.string.isRequired,