diff --git a/plugins/woocommerce-admin/client/components/table/README.md b/plugins/woocommerce-admin/client/components/table/README.md
index 000cb2a9caf..a06b35aa10d 100644
--- a/plugins/woocommerce-admin/client/components/table/README.md
+++ b/plugins/woocommerce-admin/client/components/table/README.md
@@ -32,7 +32,6 @@ render: function() {
### `TableCard` props
-* `isCompact`: Applies `is-compact` class and hides pagination.
* `headers`: An array of column headers (see `Table` props).
* `onQueryChange`: A function which returns a callback function to update the query string for a given `param`.
* `onClickDownload`: A callback function which handles then "download" button press. Optional, if not used, the button won't appear.
diff --git a/plugins/woocommerce-admin/client/components/table/index.js b/plugins/woocommerce-admin/client/components/table/index.js
index 9b149e20a4d..0ca017aba2b 100644
--- a/plugins/woocommerce-admin/client/components/table/index.js
+++ b/plugins/woocommerce-admin/client/components/table/index.js
@@ -3,7 +3,6 @@
* External dependencies
*/
import { __ } from '@wordpress/i18n';
-import classnames from 'classnames';
import { Component } from '@wordpress/element';
import { IconButton, ToggleControl } from '@wordpress/components';
import { fill, find, findIndex, first, isArray, noop } from 'lodash';
@@ -59,26 +58,15 @@ class TableCard extends Component {
}
render() {
- const {
- isCompact,
- onClickDownload,
- onQueryChange,
- query,
- rowHeader,
- summary,
- title,
- } = this.props;
+ const { onClickDownload, onQueryChange, query, rowHeader, summary, title } = this.props;
const { showCols } = this.state;
const allHeaders = this.props.headers;
const headers = this.filterCols( this.props.headers );
const rows = this.filterCols( this.props.rows );
- const classNames = classnames( 'woocommerce-table', {
- 'is-compact': isCompact,
- } );
return (
}
- { ! isCompact && (
-
- ) }
+
);
}
@@ -143,7 +129,6 @@ TableCard.propTypes = {
required: PropTypes.bool,
} )
),
- isCompact: PropTypes.bool,
onQueryChange: PropTypes.func,
onClickDownload: PropTypes.func,
query: PropTypes.object,
@@ -166,7 +151,6 @@ TableCard.propTypes = {
};
TableCard.defaultProps = {
- isCompact: false,
onQueryChange: noop,
query: {},
rowHeader: 0,
diff --git a/plugins/woocommerce-admin/client/components/table/style.scss b/plugins/woocommerce-admin/client/components/table/style.scss
index 66ee2c0babb..77a4a1e452c 100644
--- a/plugins/woocommerce-admin/client/components/table/style.scss
+++ b/plugins/woocommerce-admin/client/components/table/style.scss
@@ -6,12 +6,6 @@
padding-bottom: $gap;
}
- &.is-compact {
- .woocommerce-card__body {
- padding-bottom: 0;
- }
- }
-
.woocommerce-card__action,
.woocommerce-card__menu {
justify-self: flex-end;
@@ -31,14 +25,6 @@
border-collapse: collapse;
width: 100%;
}
-
- .is-compact & {
- margin-bottom: 0px;
-
- tr:last-child {
- border-bottom-style: hidden;
- }
- }
}
.woocommerce-table__header,