Remove unnecessary flex layout inline styles

.gitignore

@@ -1,5 +1,6 @@
 node_modules/
 lib/
+dist/
 es/
 docs/build
 react-table.js

package.json

@@ -37,8 +37,8 @@
   ],
   "peerDependencies": {
     "prop-types": "^15.5.0",
-    "react": "^16.7.0-alpha.0 || ^16.8.x",
-    "react-dom": "^16.7.0-alpha.0 || ^16.8.x"
+    "react": "^16.8.3",
+    "react-dom": "^16.8.3"
   },
   "devDependencies": {
     "@babel/plugin-proposal-class-properties": "^7.2.1",

src/hooks/useFlexLayout.js

@@ -77,8 +77,8 @@ export const useFlexLayout = props => {
     getCellProps.push(cell => {
       return {
         style: {
-          display: 'block',
-          boxSizing: 'border-box',
+          // display: 'block',
+          // boxSizing: 'border-box',
           ...getStylesForColumn(
             cell.column,
             columnMeasurements,

src/hooks/useTable.js

@@ -149,7 +149,7 @@ export const useTable = (props, ...plugins) => {
 
     // need to apply any row specific hooks (useExpanded requires this)
     applyHooks(api.hooks.row, row, api)
-    
+
     row.cells = row.cells.filter(cell => cell.column.visible)
 
     row.cells.forEach(cell => {
@@ -170,7 +170,6 @@ export const useTable = (props, ...plugins) => {
         )
       }
 
-
       cell.render = (type, userProps = {}) => {
         if (!type) {
           throw new Error(