diff --git a/src/components/DataListToolbar/DataListToolbar.jsx b/src/components/DataListToolbar/DataListToolbar.jsx
index c48d855dd7..80b238be6e 100644
--- a/src/components/DataListToolbar/DataListToolbar.jsx
+++ b/src/components/DataListToolbar/DataListToolbar.jsx
@@ -23,6 +23,7 @@ import {
SortNumericDownIcon,
SortNumericUpIcon,
TrashAltIcon,
+ PlusIcon
} from '@patternfly/react-icons';
import {
Link
@@ -114,6 +115,12 @@ class DataListToolbar extends React.Component {
return icon;
};
+ const dropdownItems = columns.filter(({ key }) => key !== searchKey).map(({ key, name }) => (
+
+ { name }
+
+ ));
+
return (
{({ i18n }) => (
@@ -146,13 +153,8 @@ class DataListToolbar extends React.Component {
{ searchColumnName }
)}
- >
- {columns.filter(({ key }) => key !== searchKey).map(({ key, name }) => (
-
- { name }
-
- ))}
-
+ dropdownItems={dropdownItems}
+ />
)}
- >
- {columns
- .filter(({ key, isSortable }) => isSortable && key !== sortedColumnKey)
- .map(({ key, name }) => (
-
- { name }
-
- ))}
-
+ dropdownItems={dropdownItems}
+ />