make table non sortable

Author: Diogo Soares

src/routes/safe/components/Settings/Delegates/columns.ts

@@ -22,6 +22,7 @@ export const generateColumns = (): Array<DelegatesTableColumn> => {
     width: 170,
     custom: false,
     align: 'left',
+    static: true,
   }
 
   const delegatorColumn = {
@@ -30,18 +31,21 @@ export const generateColumns = (): Array<DelegatesTableColumn> => {
     width: 170,
     custom: false,
     align: 'left',
+    static: true,
   }
 
   const labelColumn = {
     id: DELEGATE_LABEL_ID,
     label: 'Label',
     custom: false,
+    static: true,
   }
 
   const actionsColumn = {
     id: ACTIONS_ID,
     label: '',
     custom: true,
+    static: true,
   }
 
   return [delegateColumn, delegatorColumn, labelColumn, actionsColumn]

src/routes/safe/components/Settings/Delegates/index.tsx

@@ -184,7 +184,14 @@ const Delegates = (): ReactElement => {
       </ButtonLink>
       <pre>{JSON.stringify(delegatesList, undefined, 2)}</pre>
       <TableContainer>
-        <Table columns={columns} data={delegatesList} defaultFixed disableLoadingOnEmptyTable disablePagination>
+        <Table
+          columns={columns}
+          data={delegatesList}
+          noBorder
+          defaultFixed
+          disableLoadingOnEmptyTable
+          disablePagination
+        >
           {(data) =>
             data.map((row, index) => {
               const hideBorderBottom = index >= 3 && index === data.size - 1 && classes.noBorderBottom