Fix: Add sorting icon for draggable false

material-table-core · Jan 25, 2022 · c791861 · c791861
1 parent f96b963
commit c791861
Showing 1 changed file with 17 additions and 1 deletion.
diff --git a/src/components/MTableHeader/index.js b/src/components/MTableHeader/index.js
@@ -241,8 +241,24 @@ export function MTableHeader({ onColumnResized, ...props }) {
               )}
             </Draggable>
           );
+        } else if (columnDef.sorting !== false && props.sorting) {
+          content = (
+            <>
+              {columnDef.title}
+              <RenderSortButton
+                columnDef={columnDef}
+                orderBy={props.orderBy}
+                keepSortDirectionOnColumnSwitch={
+                  props.keepSortDirectionOnColumnSwitch
+                }
+                orderDirection={props.orderDirection}
+                icon={props.icons.SortArrow}
+                thirdSortClick={props.thirdSortClick}
+                onOrderChange={props.onOrderChange}
+              />
+            </>
+          );
         }
-
         if (columnDef.tooltip) {
           content = (
             <Tooltip title={columnDef.tooltip} placement="bottom">