diff --git a/src-docs/src/components/guide_section/guide_section.js b/src-docs/src/components/guide_section/guide_section.js
index 91fa7135fa53..5a62013fb78e 100644
--- a/src-docs/src/components/guide_section/guide_section.js
+++ b/src-docs/src/components/guide_section/guide_section.js
@@ -186,7 +186,7 @@ export class GuideSection extends Component {
}
const cells = [
(
-
+
{humanizedName}
), (
@@ -198,7 +198,7 @@ export class GuideSection extends Component {
{defaultValueMarkup}
), (
-
+
{descriptionMarkup}
)
diff --git a/src/components/table/mobile/_index.scss b/src/components/table/mobile/_index.scss
index c31c32c9650d..1c4ce9646912 100644
--- a/src/components/table/mobile/_index.scss
+++ b/src/components/table/mobile/_index.scss
@@ -127,6 +127,10 @@
padding-top: $euiSizeXS;
}
}
+
+ &.euiTableRowCell--isMobileFullWidth {
+ width: 100%;
+ }
}
.euiTableRowCellCheckbox {
diff --git a/src/components/table/table_row_cell.js b/src/components/table/table_row_cell.js
index 881364f71602..a0df86a3f831 100644
--- a/src/components/table/table_row_cell.js
+++ b/src/components/table/table_row_cell.js
@@ -24,6 +24,7 @@ export const EuiTableRowCell = ({
header,
hideForMobile,
isMobileHeader,
+ isMobileFullWidth,
hasActions,
...rest
}) => {
@@ -31,6 +32,7 @@ export const EuiTableRowCell = ({
'euiTableRowCell--hideForMobile': hideForMobile,
'euiTableRowCell--isMobileHeader': isMobileHeader,
'euiTableRowCell--hasActions': hasActions,
+ 'euiTableRowCell--isMobileFullWidth': isMobileFullWidth,
});
const contentClasses = classNames('euiTableCellContent', className, {
@@ -65,6 +67,7 @@ EuiTableRowCell.propTypes = {
header: PropTypes.string,
hideForMobile: PropTypes.bool,
isMobileHeader: PropTypes.bool,
+ isMobileFullWidth: PropTypes.bool,
};
EuiTableRowCell.defaultProps = {