fix(react-grid): correct displaying "No data" message in Edge (#2332)

Fixes #2330
DevExpress · Sep 27, 2019 · e16be01 · e16be01
1 parent dd5753b
commit e16be01
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 0 deletions.
diff --git a/packages/dx-react-grid-bootstrap3/src/templates/table-no-data-cell.jsx b/packages/dx-react-grid-bootstrap3/src/templates/table-no-data-cell.jsx
@@ -31,6 +31,7 @@ export class TableNoDataCell extends React.PureComponent {
         style={{
           padding: '50px 0',
           ...style,
+          position: 'static !important',
         }}
         colSpan={colSpan}
         {...restProps}

diff --git a/packages/dx-react-grid-material-ui/src/templates/table-no-data-cell.jsx b/packages/dx-react-grid-material-ui/src/templates/table-no-data-cell.jsx
@@ -7,6 +7,7 @@ import { withStyles } from '@material-ui/core/styles';
 const styles = theme => ({
   cell: {
     padding: theme.spacing(6, 0),
+    position: 'static !important',
   },
   textContainer: {
     display: 'inline-block',

diff --git a/packages/dx-styles/dx-grid-bs4.scss b/packages/dx-styles/dx-grid-bs4.scss
@@ -218,6 +218,9 @@ button.dx-g-bs4-table-edit-command-cell {
   z-index: 300;
   background-clip: padding-box;
 }
+td.dx-g-bs4-fixed-cell{
+  position: static !important;
+}
 .dx-g-bs4-fixed-group-cell {
   display: inline-block;
 }