fix: restore striped rows and row dividers on entity picker modal table

Author: Lihlu

shesha-reactjs/src/components/entityPicker/modal.tsx

@@ -1,5 +1,6 @@
 import { DataTable, DataTableProvider, GlobalTableFilter, IAnyObject, TablePager, useDataContextManagerActionsOrUndefined, useDataTable, useGlobalState, useModal, useNestedPropertyMetadatAccessor } from '@/index';
 import { evaluateDynamicFilters } from '@/utils/datatable';
+import { getTableDefaults } from '@/designer-components/dataTable/table/utils';
 import React, { useEffect, useState } from 'react';
 import { useStyles } from './styles/styles';
 import { useMedia } from 'react-use';
@@ -230,7 +231,7 @@ const EntityPickerModalInternal = (props: IEntityPickerModalProps): JSX.Element
           <TablePager />
         </div>
 
-        <DataTable onSelectRow={onSelectRow} onDblClick={onDblClick} options={{ omitClick: true }} />
+        <DataTable onSelectRow={onSelectRow} onDblClick={onDblClick} options={{ omitClick: true }} striped rowDividers rowAlternateBackgroundColor={getTableDefaults().rowAlternateBackgroundColor} />
       </>
     </Modal>
   );