Merge pull request #617 from jbetancur/fix/615

column.button should allow overflow

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-data-table-component",
-  "version": "6.9.3",
+  "version": "6.9.4",
   "description": "A declarative react based data table",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",

src/DataTable/TableCell.js

@@ -1,19 +1,21 @@
 import React, { memo } from 'react';
 import PropTypes from 'prop-types';
-import styled from 'styled-components';
+import styled, { css } from 'styled-components';
 import { Cell } from './Cell';
 import { getProperty, getConditionalStyle } from './util';
 
-const TableCellStyle = styled(Cell)`
-  font-size: ${props => props.theme.rows.fontSize};
-  font-weight: 400;
-
+const overflowCSS = css`
   div:first-child {
     white-space: ${props => (props.column.wrap ? 'normal' : 'nowrap')};
     overflow: ${props => (props.column.allowOverflow ? 'visible' : 'hidden')};
     text-overflow: ellipsis;
   }
+`;
 
+const TableCellStyle = styled(Cell)`
+  font-size: ${props => props.theme.rows.fontSize};
+  font-weight: 400;
+  ${props => !props.column.button && overflowCSS};
   ${props => props.column.style};
   ${props => props.extendedCellStyle};
 `;

src/DataTable/__tests__/__snapshots__/DataTable.test.js.snap

@@ -20426,12 +20426,6 @@ exports[`DataTable::columns should render correctly when column.button = true 1`
   font-weight: 400;
 }
 
-.c15 div:first-child {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
 .c14 {
   display: -webkit-box;
   display: -webkit-flex;