Add compressed props on basic/memory tables

elastic · Apr 18, 2018 · a8620ec · a8620ec
1 parent e8f7c05
commit a8620ec
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/src-docs/src/views/tables/basic/props_info.js b/src-docs/src/views/tables/basic/props_info.js
@@ -8,6 +8,10 @@ export const propsInfo = {
           required: true,
           type: { name: 'object[]' }
         },
+        compressed: {
+          description: 'Makes the font and padding smaller for the entire table',
+          type: { name: 'bool' }
+        },
         columns: {
           description: 'Defines the table columns',
           required: true,

diff --git a/src/components/basic_table/basic_table.js b/src/components/basic_table/basic_table.js
@@ -137,7 +137,8 @@ const BasicTablePropTypes = {
   error: PropTypes.string,
   loading: PropTypes.bool,
   noItemsMessage: PropTypes.node,
-  className: PropTypes.string
+  className: PropTypes.string,
+  compressed: PropTypes.bool,
 };
 
 export class EuiBasicTable extends Component {

diff --git a/src/components/basic_table/in_memory_table.js b/src/components/basic_table/in_memory_table.js
@@ -23,6 +23,7 @@ const InMemoryTablePropTypes = {
   loading: PropTypes.bool,
   message: PropTypes.node,
   error: PropTypes.string,
+  compressed: PropTypes.bool,
   search: PropTypes.oneOfType([PropTypes.bool, PropTypes.shape({
     defaultQuery: QueryType,
     box: PropTypes.shape({
@@ -255,6 +256,7 @@ export class EuiInMemoryTable extends Component {
       selection,
       isSelectable,
       hasActions,
+      compressed,
       pagination: hasPagination,
       sorting: hasSorting,
     } = this.props;
@@ -302,6 +304,7 @@ export class EuiInMemoryTable extends Component {
         error={error}
         loading={loading}
         noItemsMessage={message}
+        compressed={compressed}
       />
     );