diff --git a/example/src/Views/DataTable.tsx b/example/src/Views/DataTable.tsx
index e9444a0..32991c7 100644
--- a/example/src/Views/DataTable.tsx
+++ b/example/src/Views/DataTable.tsx
@@ -1,6 +1,6 @@
import React from 'react';
import { StyleSheet, ScrollView, Alert } from 'react-native';
-import { DataTableCell, DataTableRow, DataTableHeader, DataTableHeaderProps, DataTable, Checkbox, DataTableHeaderSelected } from '@carbon/react-native';
+import { DataTableCell, DataTableRow, DataTableHeader, DataTableHeaderProps, DataTable, Checkbox, DataTableHeaderSelected, Text } from '@carbon/react-native';
import AddIcon from '@carbon/icons/es/add/20';
import SearchIcon from '@carbon/icons/es/search/20';
import SettingsIcon from '@carbon/icons/es/settings/20';
@@ -94,7 +94,7 @@ export default class TestDataTable extends React.Component {
this.setState({ checked2: value })} checked={checked2} />} />
- this.alert('Pressed long name cell')} content="Jack Long name that is going to be too big for screen" />
+ this.alert('Pressed long name cell')} content={} />
this.alert('Pressed row 3')}>
diff --git a/src/components/DataTable/DataTableCell.tsx b/src/components/DataTable/DataTableCell.tsx
index 287731b..678a00e 100644
--- a/src/components/DataTable/DataTableCell.tsx
+++ b/src/components/DataTable/DataTableCell.tsx
@@ -40,11 +40,11 @@ export class DataTableCell extends React.Component {
return StyleSheet.create({
wrapper: {
- height: 48,
padding: noPadding ? 0 : 16,
paddingBottom: noPadding ? 0 : 15,
paddingTop: noPadding ? 0 : 15,
flex: 1,
+ justifyContent: 'center',
},
});
}
diff --git a/src/components/DataTable/DataTableRow.tsx b/src/components/DataTable/DataTableRow.tsx
index e6c04ad..0348e7c 100644
--- a/src/components/DataTable/DataTableRow.tsx
+++ b/src/components/DataTable/DataTableRow.tsx
@@ -30,8 +30,7 @@ export class DataTableRow extends React.Component {
return StyleSheet.create({
wrapper: {
backgroundColor: getColor('layer01'),
- maxHeight: 48,
- height: 48,
+ minHeight: 48,
flexDirection: 'row',
width: '100%',
borderTopColor: getColor('borderSubtle00'),