diff --git a/src/components/DataListToolbar/DataListToolbar.jsx b/src/components/DataListToolbar/DataListToolbar.jsx
index 80b238be6e..e1d2ea6842 100644
--- a/src/components/DataListToolbar/DataListToolbar.jsx
+++ b/src/components/DataListToolbar/DataListToolbar.jsx
@@ -1,6 +1,6 @@
import React from 'react';
import { I18n } from '@lingui/react';
-import { Trans, t } from '@lingui/macro';
+import { t } from '@lingui/macro';
import {
Button,
Checkbox,
@@ -115,11 +115,21 @@ class DataListToolbar extends React.Component {
return icon;
};
- const dropdownItems = columns.filter(({ key }) => key !== searchKey).map(({ key, name }) => (
-
- { name }
-
- ));
+ const searchDropdownItems = columns
+ .filter(({ key }) => key !== searchKey)
+ .map(({ key, name }) => (
+
+ { name }
+
+ ));
+
+ const sortDropdownItems = columns
+ .filter(({ key, isSortable }) => isSortable && key !== sortedColumnKey)
+ .map(({ key, name }) => (
+
+ { name }
+
+ ));
return (
@@ -153,7 +163,7 @@ class DataListToolbar extends React.Component {
{ searchColumnName }
)}
- dropdownItems={dropdownItems}
+ dropdownItems={searchDropdownItems}
/>
)}
- dropdownItems={dropdownItems}
+ dropdownItems={sortDropdownItems}
/>