diff --git a/src/widgets/DataTable/Cell.js b/src/widgets/DataTable/Cell.js
index 8aec35b3f..006056e07 100644
--- a/src/widgets/DataTable/Cell.js
+++ b/src/widgets/DataTable/Cell.js
@@ -13,20 +13,23 @@ import { getAdjustedStyle } from './utilities';
* @param {Object} textStyle Style object for the inner Text
* @param {Number} width optional flex property to inject into styles.
* @param {Bool} isLastCell Indicator for if this cell is the last
+ * @param {Number} maxLiens Maximum number of lines for the Text component
* in a row. Removing the borderRight if true.
*/
-const Cell = React.memo(({ value, textStyle, viewStyle, width, isLastCell, debug }) => {
- if (debug) console.log(`- Cell: ${value}`);
- const internalViewStyle = getAdjustedStyle(viewStyle, width, isLastCell);
+const Cell = React.memo(
+ ({ value, textStyle, viewStyle, width, isLastCell, numberOfLines, debug }) => {
+ if (debug) console.log(`- Cell: ${value}`);
+ const internalViewStyle = getAdjustedStyle(viewStyle, width, isLastCell);
- return (
-
-
- {value}
-
-
- );
-});
+ return (
+
+
+ {value}
+
+
+ );
+ }
+);
Cell.propTypes = {
value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
@@ -34,6 +37,7 @@ Cell.propTypes = {
viewStyle: PropTypes.object,
width: PropTypes.number,
isLastCell: PropTypes.bool,
+ numberOfLines: PropTypes.number,
debug: PropTypes.bool,
};
@@ -43,6 +47,7 @@ Cell.defaultProps = {
viewStyle: {},
width: 0,
isLastCell: false,
+ numberOfLines: 2,
debug: false,
};