Merge pull request #30 from adazzle/jp-styling-changes

add titles to cells and remove overflow

Author: conor-j-malone

src/Canvas.js

@@ -65,8 +65,8 @@ var Canvas = React.createClass({
       position: 'absolute',
       top: 0,
       left: 0,
-      overflowX: 'auto',
-      overflowY: 'scroll',
+      //overflowX: 'auto',
+      //overflowY: 'scroll',
       width: this.props.totalWidth,
       height: this.props.height,
       transform: 'translate3d(0, 0, 0)'

src/Cell.js

@@ -37,7 +37,7 @@ var Cell = React.createClass({
   renderCellContent(props) {
     var formatter = React.isValidElement(this.props.formatter) ? cloneWithProps(this.props.formatter, props) : this.props.formatter(props);
     return (<div
-      className="react-grid-Cell__value">{formatter} {this.props.cellControls}</div>)
+      className="react-grid-Cell__value" title={this.props.value}>{formatter} {this.props.cellControls}</div>)
 
   },
 

src/HeaderCell.js

@@ -122,7 +122,7 @@ var HeaderCell = React.createClass({
 });
 
 function simpleCellRenderer(props) {
-  return <div className="rex-widget-HeaderCell__value">{props.column.name}</div>;
+  return <div className="rex-widget-HeaderCell__value" title={props.column.name}>{props.column.name}</div>;
 }
 
 module.exports = HeaderCell;

src/Viewport.js

@@ -119,7 +119,7 @@ var Viewport = React.createClass({
       bottom: 0,
       left: 0,
       right: 0,
-      overflow: 'hidden',
+      //overflow: 'hidden',
       position: 'absolute',
       top: this.props.rowOffsetHeight
     };

themes/reactGrid.css

@@ -62,6 +62,7 @@
 }
 
 .react-grid-Grid {
+  overflow: scroll;
   background-color: #ffffff;
   border: 1px solid #dddddd;
 }

themes/reactGrid.less

@@ -3,6 +3,7 @@
 @react-grid-scrollbar-color: @gray-light;
 
 .react-grid-Grid {
+  overflow: scroll;
   background-color: @body-bg;
   border: 1px solid @table-border-color;
 }